MenuItemProps
Interface for menu item model.
Props
The following table outlines the props for the MenuItemProps:
| Name | Type | Default | Description |
|---|---|---|---|
| disabled | boolean | false | Specifies whether the item is disabled or not. When true, the item will be non-interactive and displayed with a disabled visual state. |
| htmlAttributes | HTMLAttributes<HTMLLIElement> | - | Specifies the htmlAttributes property to support adding custom HTML attributes to the menu item. These attributes will be directly applied to the rendered list item element. |
| icon | node | - | Specifies the icon CSS class or React node for the menu item that is used to include an icon. Can be a string (CSS class) or a React element. |
| id | string | - | Specifies the unique identifier for the menu item. |
| items | [ ] | Specifies the sub menu items as an array of MenuItem models for creating nested menu structures. | |
| separator | boolean | false | Specifies a separator between the items. Separators are used to group menu items visually. When true, renders a horizontal line instead of a clickable menu item. |
| text | string | - | Specifies the display text for the menu item. |
| url | string | - | Specifies the URL for the menu item that creates an anchor link to navigate to the provided URL. When clicked, the browser will navigate to this URL. |