A dropdown of actions or links from one trigger: Add new, row actions, the account menu. Items take a 16px icon in the quiet ink, groups take a caps MenuLabel, and MenuGroup holds a control such as the appearance switch. Arrow keys move, Enter picks, Escape closes.
import { Menu, MenuItem, MenuLabel, MenuSeparator, MenuGroup } from "@puckoops/camelot";| Name | Description | Default | Control |
|---|---|---|---|
| trigger* | ReactNode | - | - |
| children* | ReactNode | - | - |
| align | "start""center""end" | "end" | |
| side | "top""right""bottom""left" | "bottom" | |
| open | boolean | - | - |
| onOpenChange | (open: boolean) => void | - | - |
| minWidth | number | 200 |
Use Menu for Add new, row actions, and the account menu.
An icon button at the end of a row; its label names the row.
Caps labels group the items; a disabled item explains itself in its label.
A primary trigger, a ghost trigger and a row's icon trigger.