Components

Overlays

Content that leaves the flow, or reveals itself in place — and the focus contract that has to come with it.

10 documented entries in this family.

AccordionReviewed page

Disclosure in place: one or many sections open, with the button and region wiring the platform expects.

@luc/ui

DialogBodyReviewed page

A modal surface with the whole focus-trap and return-focus contract.

@luc/ui/components/dialog

AlertDialogReviewed page

A modal confirmation that cannot be dismissed by accident.

@luc/ui

SheetReviewed page

An edge-anchored surface at five sizes, for settings and detail.

@luc/ui/components/sheet

PopoverAnchorGenerated from the public API

A positioned surface for a little content, with focus moved into it and returned.

@luc/ui

HoverCardGenerated from the public API

A preview on hover that is also reachable by keyboard.

@luc/ui

TooltipGenerated from the public API

A short label for an icon or a truncated value, never for essential content.

@luc/ui

DropdownMenuReviewed page

An action menu with the menu keyboard contract, including checkbox and radio items.

@luc/ui/dropdown-menu

ContextMenuReviewed page

The same menu contract, opened at a point instead of a trigger.

@luc/ui/context-menu

CommandReviewed page

The ⌘K palette: fuzzy search over declared pages, scoped by group.

@luc/ui/components/command

Accessibility

Overlays are built on the Radix primitives: focus moves into the surface when it opens, stays there while it is open and returns to the trigger when it closes, Escape dismisses it, and the relationship between the trigger and its content is exposed through ARIA.