Side bar menu should offer drag/drop of menu items and icon preceding menu item

[markpawson6]

• I am creating a side bar menu and expected that I could just enter my menu items in any order to get the names out of my head and then position vertically later once I know the Information Architecture. I cannot do this. I need User and Roles at the top and thought I could just drag each menu item under the layer panel to its correct place. But it appears I have to rename every menu item in the correct order.
• We use icons that precede the menu label in our app. Can we have this in a future enhancement.

Example of the side bar menu below that I just created

[twjeffery]

Hey Mark, do you mean in Figma? If so, you can detach the parent element and then you will be able to move the items around (and add new ones). The individual menu items are also components, so when you detach the parent those will stay intact.

Let me know if you have any questions!

[twjeffery]

For the icon specifically, it would be great to chat to go through what that looks like in your service! I think it would be a relatively simple enhancement.

[markpawson6]

Here is an example from our service. In this case I will not need icons in my mock because the devs know what they are. But if the ticket I am working on had another concept that I solve using new menu items then I would need to show icons. If it worked like some of our other components that offer the ability to show text with a icon - like a button - that would be handy.