Navigation.
Docks, steppers, toolbars, split views and resizable panels.
10 components
Components
10 totalStepper
Multi-step progress indicator with horizontal and vertical orientation, completed / active / inactive states, clickable steps and a compound API.
/components/navigation/stepper →Tour
Onboarding spotlight that dims the page around a target element and walks users through steps with a positioned coach-mark card.
/components/navigation/tour →Dock
macOS-style dock with cursor magnification: icons scale and spring as the pointer passes, with hover and focus labels. Built on framer-motion.
/components/navigation/dock →Floating Action Button
Expanding speed-dial FAB: a primary trigger that rotates open to stagger a stack of secondary actions on any side. Compound API.
/components/navigation/floating-action-button →Floating Toolbar
Floating pill toolbar for text selection and canvas actions, with toggle buttons, separators and labels. Position it anywhere.
/components/navigation/floating-toolbar →Split View
Two-pane master/detail layout with a draggable divider, keyboard resize, min/max bounds and horizontal or vertical orientation. RTL-aware.
/components/navigation/split-view →Resizable Panels
Composable resizable panel groups with draggable, keyboard-accessible handles, per-panel minimums and nestable horizontal or vertical groups. RTL-aware.
/components/navigation/resizable-panels →Inspector Panel
Design-tool inspector with a header, collapsible sections and label/control rows. Compound API for property panels and sidebars.
/components/navigation/inspector-panel →Tenant Switcher
Workspace, organization or project switcher for multi-tenant apps. Logo or initials, plan or role caption, grouped and searchable list, and a create action. Compound API.
/components/navigation/tenant-switcher →Table of Contents
On-this-page navigation that tracks the active heading as you scroll and highlights it with a moving border marker. Takes a flat or nested items list, or composes from parts. Smooth scroll respects reduced-motion.
/components/navigation/toc →