Navigation Menu
The Navigation Menu component is used to show collapsible child items.
1. Import
KUMUI exports 6 NavigationMenu-related components:
import { NavigationMenu,
NavigationMenuList,
NavigationMenuItem,
NavigationMenuTrigger,
NavigationMenuContent,
NavigationMenuLink,} from "@rohitgadekar/kimui";
2. Usage
3. API
3.1 NavigationMenu
| Attribute | Type | Description | Default |
|---|---|---|---|
| children | React.ReactNode | The container for the entire navigation menu, typically containing a list of items. | - |
3.2 NavigationMenuList
| Attribute | Type | Description | Default |
|---|---|---|---|
| children | React.ReactNode | Contains the list of navigation menu items (NavigationMenuItem). | - |
3.3 NavigationMenuItem
| Attribute | Type | Description | Default |
|---|---|---|---|
| children | React.ReactNode | Represents a single item in the navigation menu. | - |
3.4 NavigationMenuTrigger
| Attribute | Type | Description | Default |
|---|---|---|---|
| children | React.ReactNode | Triggers the opening of the content when clicked or hovered. | - |
3.5 NavigationMenuContent
| Attribute | Type | Description | Default |
|---|---|---|---|
| children | React.ReactNode | Displays the content when the corresponding trigger is activated (clicked/hovered). | - |
3.6 NavigationMenuLink
| Attribute | Type | Description | Default |
|---|---|---|---|
| href | string | Defines the URL that the link navigates to when clicked. | - |