<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>
Learn more about using slots.
| Name | Description |
|---|---|
| (default) | The menu label's content. |
Learn more about CSS parts.
| Name | Description |
|---|---|
base |
The component's base wrapper. |
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.9/dist/components/menu-label/menu-label.js';