Menu

A flexible menu component supporting items with icons, nested submenus, and full keyboard navigation.

import { Menu } from '@kaynora/ui'

export default function () {
  return (
    <Menu items={[
      { label: 'Edit' },
      { label: 'View' },
      { label: 'Help' },
    ]} />
  )
}

The items prop can include nested items to create submenus that expand horizontally.

import { Menu } from '@kaynora/ui'

export default function () {
  return (
    <Menu items={[
      { 
        label: 'File',
        items: [
          { label: 'New' },
          { label: 'Open' },
          { label: 'Save' },
        ]
      },
      { label: 'Edit' },
    ]} />
  )
}
<Menu />
PropTypeDefault
items
{
  icon: ReactElement
  label: string
  items: ItemInterface[]
  onClick: (e: MouseEvent) => void
  href: string
  disabled: boolean
}[]
size
's' | 'm' | 'l'
's'
internal
{
  root: HTMLDivElementProps
  typography: TypographyProps
}
undefined