Menu

Displays a dropdown list of actions with keyboard navigation and a gliding highlight.

Installation

bun add elia

@import "tailwindcss";
@import "@aile.sh/elia/styles/elia.css";
@source "../node_modules/@aile.sh/elia";

Usage

import { Button, Menu } from "@aile.sh/elia";

export function Example() {
  return (
    <Menu
      trigger={<Button variant="secondary">Key actions</Button>}
      items={[
        { key: "copy", label: "Copy key" },
        { key: "rotate", label: "Rotate key" },
        { key: "usage", label: "View usage" },
        { key: "revoke", label: "Revoke key", danger: true },
      ]}
    />
  );
}

— elia design system · MIT · base · https://github.com/aile-sh/elia