Menu Divider

Menu Divider

Menu dividers are used to visually group menu items.

Option 1Option 2Option 3Option 4Option 5Option 6

<six-menu           style="
    max-width: 200px;
    border: solid 1px var(--six-panel-border-color);
    border-radius: var(--six-border-radius-medium);
  "
>
  <six-menu-item value="1">Option 1</six-menu-item>
  <six-menu-item value="2">Option 2</six-menu-item>
  <six-menu-divider></six-menu-divider>
  <six-menu-item value="3">Option 3</six-menu-item>
  <six-menu-item value="4">Option 4</six-menu-item>
  <six-menu-divider></six-menu-divider>
  <six-menu-item value="5">Option 5</six-menu-item>
  <six-menu-item value="6">Option 6</six-menu-item>
</six-menu>

Shadow Parts

Part	Description
"base"	The component's base wrapper.

---

Copyright © 2021-present SIX-Group