Menu

Installation

bunnpmpnpmyarn
$ pnpm dlx shadcn@latest add @termcn/ink/menu
Copy

Usage

Copyimport { Menu } from "@/components/ui/menu";

Copy<Menu
  title="File"
  items={[
    { key: "new", label: "New File", shortcut: "⌘N" },
    { key: "save", label: "Save", shortcut: "⌘S" },
  ]}
  onSelect={(item) => console.log(item.key)}
/>

API Reference

Menu

MenuItem

Notes

Accessibility

termcn exposes the following behavior through Ink's terminal accessibility APIs. This is not a browser ARIA or general WCAG-conformance claim.

• Keyboard: Arrow keys move inside the composite; Home / End select the first or last enabled item; Enter / Space activate, select, or toggle; Escape cancels or closes an owned surface; Tab / Shift+Tab move between termcn/Ink focus targets.
• Focus and composition: Input is active only while the component's focus target is focused, enabled, active, and inside the topmost focus scope.
• Screen reader: Ink labels and semantic state expose the component without relying on visual styling alone.