2020-07-15 21:30:37 +00:00
# Menu
[component-header:sl-menu]
Menus provide a list of options for the user.
Use [menu items ](/components/menu-item.md ), [menu dividers ](/components/menu-divider.md ), and [menu labels ](/components/menu-label.md ) to compose a menu.
```html preview
< sl-menu
2020-08-18 21:05:46 +00:00
style="max-width: 200px; border: solid 1px var(--sl-panel-border-color); border-radius: var(--sl-border-radius-medium);"
2020-07-15 21:30:37 +00:00
>
< sl-menu-item value = "undo" > Undo< / sl-menu-item >
< sl-menu-item value = "redo" > Redo< / sl-menu-item >
< sl-menu-divider > < / sl-menu-divider >
< sl-menu-item value = "cut" > Cut< / sl-menu-item >
< sl-menu-item value = "copy" > Copy< / sl-menu-item >
< sl-menu-item value = "paste" > Paste< / sl-menu-item >
< sl-menu-item value = "delete" > Delete< / sl-menu-item >
< / sl-menu >
```
[component-metadata:sl-menu]