Component playground

Test every documented component in one place.

Pick a component, switch examples, inspect its documented props, and tune live controls where the example exposes safe playground metadata.

Full docs

Action Menu

Shadcn dropdown preset for item actions: icons, shortcuts, destructive items, labels, and separators.

Navigation6 props0 controls

Loading playground preview...

Props

Complete documented prop reference for the selected component.

NameTypeDefaultDescription
actionsActionMenuEntry[]RequiredAction rows, `{ type: "separator" }`, or `{ type: "label", label }`; duplicate separators are collapsed
triggerLabelstring"Actions"Accessible label for the default more (⋯) trigger
triggerReactElementundefinedOptional custom trigger (single element, `asChild`)
align"start" | "center" | "end""end"Menu alignment relative to trigger
side"top" | "right" | "bottom" | "left""bottom"Preferred side for the menu
open / onOpenChangeboolean / (open: boolean) => voidundefinedControlled open state