Axon 911 Frontend DocsAxon 911 Frontend Docs
Axon 911 Frontend Docs
    Loading navigation…
U
User
Switch to light mode
  1. Components
  2. Tab Menu
  3. API and Development

Tab menu

API and Development

View SourceOpens in a new tabSubmit IssueOpens in a new tab
Tabs wraps Tabs, TabsList, and TabsTrigger for selection that updates local state only—filters, view switchers, and panels without routing. Use TabsTrigger children; each needs a stable value. Optional counter, leadIcon, and iconTitle match TabsTrigger capabilities.
Tabs
Storybook
TabsTrigger
NameTypeDefaultDescription
valuestringrequiredId matching Tabs content if used.
counternumber | string—Badge when > 0.
leadIconIcon—Icon before label.
iconTitleLocalizedMessage—Accessible name for lead icon.
Default (uncontrolled)
Controlled
Fixed selection (controlled value)
Without underline
Sliding animation
Small
With counters
Small with counters
Picking the right component
ScenarioComponentWhy
Filter or view-switch without URL changeTabsSelection state only—no content panels, no routing.
Switch between content panels on one pageTabsManages visibility of TabsContent panels.
Navigate to different routes (URL changes)TabsRenders <a> links with SPA navigation and pathname matching.
Previous
Tab Menu / Usage
Next
Tab Menu / Accessibility
On this page
Tabs
Storybook
TabsTrigger
Default (uncontrolled)
Controlled
Fixed selection (controlled value)
Without underline
Sliding animation
Small
With counters
Small with counters
Picking the right component