Navigation & Overlays

Shows the user's location in the hierarchy. Items are clickable except the last (current).

Switch between a small set of mutually exclusive views. Segment height stays consistent for text and icon labels.

Numbered pages with prev/next, keyboard and disabled-edge handling.

A floating action menu with sections, icons and separators. Click outside to dismiss.

A focused modal for confirmation. Escape or backdrop click closes; destructive intent reads in the copy.

Transient confirmations via useToast() or sonner. Mount <Toaster /> once near the app root.

Side panel for detail views and slide-over forms. Opens from the right or left; closes on Esc or overlay click.

The signature component. ⌘K opens it anywhere; arrow keys navigate, Enter selects, Esc closes.