Menu Label
<wa-menu-label>
Menu labels are used to describe a group of menu items.
<wa-menu style="max-width: 200px;"> <wa-menu-label>Fruits</wa-menu-label> <wa-menu-item value="apple">Apple</wa-menu-item> <wa-menu-item value="banana">Banana</wa-menu-item> <wa-menu-item value="orange">Orange</wa-menu-item> <wa-divider></wa-divider> <wa-menu-label>Vegetables</wa-menu-label> <wa-menu-item value="broccoli">Broccoli</wa-menu-item> <wa-menu-item value="carrot">Carrot</wa-menu-item> <wa-menu-item value="zucchini">Zucchini</wa-menu-item> </wa-menu>
Slots Jump to heading
Learn more about using slots.
Name | Description |
---|---|
(default) | The menu label's content. |
CSS parts Jump to heading
Learn more about CSS parts.
Name | Description |
---|---|
base |
The component's base wrapper. |
Importing Jump to heading
The autoloader is the recommended way to import components. If you prefer to do it manually, use one of the following code snippets.
To manually import this component from the CDN, use the following code.
import 'https://early.webawesome.com/webawesome@3.0.0-alpha.12/dist/components/menu-label/menu-label.js';