Menubar
The Menubar component is used to show menu.
1. Import
KUMUI exports 13 Menubar-related components:
import { Menubar,
MenubarMenu,
MenubarTrigger,
MenubarContent,
MenubarItem,
MenubarSeparator,
MenubarLabel,
MenubarCheckboxItem,
MenubarRadioGroup,
MenubarRadioItem,
MenubarSub,
MenubarSubTrigger,
MenubarSubContent, } from "@rohitgadekar/kimui";
2. Usage
3. API
3.1 Menubar
| Attribute | Type | Description | Default |
|---|---|---|---|
| children | React.ReactNode | Contains MenubarMenu components and other Menubar items. | - |
3.2 MenubarMenu
| Attribute | Type | Description | Default |
|---|---|---|---|
| children | React.ReactNode | Defines a single menu group, containing a trigger and content. | - |
3.3 MenubarTrigger
| Attribute | Type | Description | Default |
|---|---|---|---|
| children | React.ReactNode | The element that triggers the MenubarContent to open. | - |
3.4 MenubarContent
| Attribute | Type | Description | Default |
|---|---|---|---|
| children | React.ReactNode | Displays content under the trigger, typically containing menu items and other components. | - |
3.5 MenubarItem
| Attribute | Type | Description | Default |
|---|---|---|---|
| children | React.ReactNode | A clickable menu item used for triggering actions within the menu. | - |
3.6 MenubarSeparator
| Attribute | Type | Description | Default |
|---|---|---|---|
| children | React.ReactNode | Creates a visual separator between groups of items in the menu. | - |
3.7 MenubarLabel
| Attribute | Type | Description | Default |
|---|---|---|---|
| children | React.ReactNode | Used to label a section or group of items within the menu. | - |
3.8 MenubarCheckboxItem
| Attribute | Type | Description | Default |
|---|---|---|---|
| children | React.ReactNode | A checkbox menu item used for enabling or disabling options. | - |
3.9 MenubarRadioGroup
| Attribute | Type | Description | Default |
|---|---|---|---|
| value | string | Defines the selected value for the radio group. | - |
3.10 MenubarRadioItem
| Attribute | Type | Description | Default |
|---|---|---|---|
| value | string | A single radio item within a radio group, used to select an option. | - |
3.11 MenubarSub
| Attribute | Type | Description | Default |
|---|---|---|---|
| children | React.ReactNode | Represents a submenu containing additional menu items. | - |
3.12 MenubarSubTrigger
| Attribute | Type | Description | Default |
|---|---|---|---|
| children | React.ReactNode | Triggers the opening of a submenu. | - |
3.13 MenubarSubContent
| Attribute | Type | Description | Default |
|---|---|---|---|
| children | React.ReactNode | Displays the submenu items when a submenu is triggered. | - |