Navigation

Tabs

Layered panels, one visible at a time. The URL does not change, so reach for NavTabs when the tab needs to be linkable.

Manage your account settings and preferences.

import {
  Tabs,
  TabsContent,
  TabsList,
  TabsTrigger,
} from "@mikenotthepope/substrateui"

Tabs
├── TabsList
│   └── TabsTrigger
└── TabsContent

Prop	Type	Default	Description
`defaultValue`	`string`	—	The value of the tab that should be active when initially rendered. Use when you do not need to control the active tab.
`value`	`string`	—	The controlled value of the currently active tab. Must be used with onValueChange.
`onValueChange`	`(value: string) => void`	—	Callback fired when the active tab changes. Receives the new tab value.