Menubar

Horizontal menu bar with dropdown menus

Basic Usage

pnpm add @corew500/ui

import { Menubar } from "@corew500/ui/menubar"

<Menubar>Content</Menubar>

Prop	Type	Default	Description
`modal`	enum	`true`	Whether the menubar is modal.
`disabled`	enum	`false`	Whether the whole menubar is disabled.
`orientation`	enum	`'horizontal'`	The orientation of the menubar.
`loopFocus`	enum	`true`	Whether to loop keyboard focus back to the first item when the end of the list is reached while using the arrow keys.
`style`	enum	—	Style applied to the element, or a function that returns a style object based on the component’s state.
`className`	enum	—	CSS class applied to the element, or a function that returns a class based on the component’s state.
`render`	enum	—	Allows you to replace the component’s HTML element with a different tag, or compose it with another component. Accepts a `ReactElement` or a function that returns the element to render.