Menu

Vertical navigation menu

Basic Menu

Simple vertical menu with navigation items

Show Code

Menu with Icons

Menu items with icon elements

Show Code

Collapsible Menu

Menu with expandable sections

Show Code

Bordered Menu

Menu with border styling

Show Code

Responsive Horizontal Menu

Menu that adapts to horizontal layout on larger screens

Show Code

API Props

PropTypeRequiredDefaultDescription
items*{ label: string; href?: ZodOptional; active?: ZodDefault; disabled?: ZodDefault; children?: ZodOptional }[]Yes-Array of menu items with optional nested structure
Examples: [{ label: "Home", href: "/", active: true }, { label: "About", href: "/about" }], [{ label: "Products", children: [{ label: "Web Apps", href: "/web" }] }]
Since: 1.0.0
childrenanyNo-Component content
classstringNo-Additional CSS classes
compactbooleanNofalseUse compact spacing for menu items
horizontalbooleanNofalseDisplay menu horizontally instead of vertically
idstringNo-HTML id attribute
size'xs' | 'sm' | 'md' | 'lg' | 'xl'No"md"Component size