MenuItem | Element to display items in the Menu item
shadow
MenuItem is a child of the Menu. element and represents a navigation item within it. It can display a submenu with additional navigation items and also allows icons to be displayed.
For examples of using MenuItem, go to the documentation page for the Menu. element.
| Description | If true, a check icon appears in the MenuItem. |
| Attribute | checked |
| Type | boolean |
| Default | false |
| Description | If true, the submenu is in the collapsed state. |
| Attribute | collapse |
| Type | boolean |
| Default | false |
| Description | Specifies the location of the submenu on the screen. |
| Attribute | placement |
| Type | "bottom" ｜ "bottom-end" ｜ "bottom-start" ｜ "left-bottom" ｜ "left" ｜ "left-top" ｜ "right-bottom" ｜ "right" ｜ "right-top" ｜ "top" ｜ "top-end" ｜ "top-start" ｜ string & Record<never, never> ｜ undefined |
| Default | right-start |
| Description | Specifies the submenu variant. Possible values include context, which displays the submenu in a context window, or nav, which displays the submenu as a drop-down menu. |
| Attribute | Option |
| Type | string |
| Default | context |
No events available for this component.
No public methods available for this component.
| Name | Description |
|---|
native | Refers to a div element inside an element. |
submenu | refers to the slot element inside the element. |
| Name | Description |
|---|
--wj-menu-background | Background colour of the element |
--wj-menu-border-color | Colour of element edges |
--wj-menu-border-radius | Rounding of the edges of the element |
--wj-menu-border-style | Rounding style of the element |
--wj-menu-border-width | Width of the edges of the element |
--wj-menu-padding-bottom | Lower internal offset of the element |
--wj-menu-padding-inline | Internal offset of the element left and right |
--wj-menu-padding-top | Upper internal offset of the element |
--wj-menu-from-index | Z-index of the element |
No slots available for this component.