<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>
| Name | Description |
|---|---|
| (default) | The menu label's content. |
| 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.4/dist/components/menu-label/menu-label.js';