Skip to content

ZMenu

Dropdown menu

Example

Import

tsx
import { ZMenu } from "zurto-ui";

Usage

tsx
import { ZMenu, ZMenuItem, ZMenuDivider } from "zurto-ui";

function Example() {
  return (
    <ZMenu>
      <ZMenuItem icon="📄">New File</ZMenuItem>
      <ZMenuItem icon="📁">Open</ZMenuItem>
      <ZMenuDivider />
      <ZMenuItem icon="⚙️" disabled>
        Settings
      </ZMenuItem>
    </ZMenu>
  );
}

Props

PropTypeDefaultDescription
onSelect(item) => void-Selection handler

Accessibility

  • ✅ Keyboard navigation support
  • ✅ ARIA attributes included
  • ✅ Screen reader friendly
  • ✅ Focus management

Released under the MIT License.