Dock

Navigation

macOS-style dock navigation bar with magnification hover effects, tooltip labels, and animated icon interactions

Dock Component

MacOS-style action dock for quick navigation and utility shortcuts.

Basic Usage

Start with a compact dock and highlight a focused action state.

Focused action: Home

Jump to team workspace

Advanced Usage

Tune magnification for denser app-shell workflows.

Latest action: Home

No commands used yet.

View on GitHub

See the full source code on GitHub

Related Components

View all
AppBar

Application bar with scroll effects, elevation changes, and fixed/sticky positioning

BottomNavigation

Mobile bottom navigation bar with icon labels and active state indicators

Breadcrumb

Hierarchical navigation trail with separator customization, truncation support, and ARIA navigation landmarks

Link

Enhanced anchor element with variant system, external link indicators, and programmatic navigation integration

Previous

DateTimePicker

Next

FileInput