Skip to main content

BriteActionMenu

Sharedcomponent✓ stamped

Overflow / kebab menu of actions.

@brite-nites/design-system/primitives/brite-action-menu

Row-level DropdownMenu wrapper. Default trigger is a 24px DotsThree ghost icon button. Items declare their own separators via separator: 'before' | 'after' — no manual dividers needed.

Typical list row

View / Edit / Duplicate at the top, destructive actions separated below. This is the shape 7+ list pages reach for (clients, quotes, properties, appointments, products, users, contacts).

Disabled item

Individual items can be disabled without hiding them — useful when the action depends on permissions or state the user can recover from.

With keyboard shortcuts

Optional shortcut prop renders a right-aligned hint. Shortcut strings are display-only — register the actual handler at the caller.

Disabled trigger

Whole menu disabled — the trigger becomes non-interactive.

Custom trigger

Pass any element as trigger. asChild wiring + Radix keyboard behavior come along for free.

Alignment

align controls which edge of the trigger anchors the menu. end is the default (matches nearly every existing call site).

align='end' (default)
align='start'
side='top'