kopia lustrzana https://github.com/shoelace-style/shoelace
24 wiersze
764 B
Markdown
24 wiersze
764 B
Markdown
![]() |
# 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
|
||
|
style="max-width: 200px; border: solid 1px var(--sl-color-gray-90); border-radius: var(--sl-border-radius-medium);"
|
||
|
>
|
||
|
<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]
|