2020-07-15 21:30:37 +00:00
|
|
|
# Menu Divider
|
|
|
|
|
|
|
|
|
|
[component-header:sl-menu-divider]
|
|
|
|
|
|
|
|
|
|
Menu dividers are used to visually group menu items.
|
|
|
|
|
|
|
|
|
|
```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="1">Option 1</sl-menu-item>
|
|
|
|
|
<sl-menu-item value="2">Option 2</sl-menu-item>
|
|
|
|
|
<sl-menu-divider></sl-menu-divider>
|
|
|
|
|
<sl-menu-item value="3">Option 3</sl-menu-item>
|
|
|
|
|
<sl-menu-item value="4">Option 4</sl-menu-item>
|
|
|
|
|
<sl-menu-divider></sl-menu-divider>
|
|
|
|
|
<sl-menu-item value="5">Option 5</sl-menu-item>
|
|
|
|
|
<sl-menu-item value="6">Option 6</sl-menu-item>
|
|
|
|
|
</sl-menu>
|
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
[component-metadata:sl-menu-divider]
|
