Skip to content

Navigation

Tabs, breadcrumbs, pagination, separators, and step trackers.

Breadcrumb

Tabs (Server-driven)

TabsNav

Active tab: overview

Separator

Content above separator

Content below separator

Or continue with

Content after labeled separator

Left
Center
Right

Pagination

StepTracker

  1. Account Your credentials
  2. 2
    Profile Personal details
  3. 3
    Plan Choose subscription
  4. 4
    Payment Billing info
  5. 5
    Confirm Review & submit

Accordion

Kbd

⌘K Ctrl+C Shift Enter Escape Tab ↑ ↓ ← →
Press ⌘K to open the command palette, or ? for help

BottomNavigation

Mobile tab bar — shown inline here instead of fixed to viewport for demo purposes.

App content area

Toolbar

ChipNav

Pill-shaped navigation tabs — compact horizontal navigation

DotNavigation

Dot-style page indicators — for carousels or step wizards

Page 3 of 5

LinkGroup

Grouped link list — common for footer navigation or sidebars

Product

Features Pricing Changelog Roadmap

Company

About Blog Careers Contact

Legal

Privacy Terms License

Toc

Table of contents — auto-generates from heading hierarchy