The library is still in early development. Breaking changes and bugs may occur without prior notice. Thanks for your interest in using the library!
Tabbed interface for organizing content.
This is the overview section. You can provide a summary here.
Import the Tabs
components from @bun-ui/react
and use them to create a
tabbed interface:
import { TabContent, TabList, Tabs, TabTrigger } from "@bun-ui/react"
<Tabs defaultValue="tab1">
<TabList>
<TabTrigger value="tab1">Tab 1</TabTrigger>
<TabTrigger value="tab2">Tab 2</TabTrigger>
<TabTrigger value="tab3">Tab 3</TabTrigger>
</TabList>
<TabContent value="tab1">Content for Tab 1</TabContent>
<TabContent value="tab2">Content for Tab 2</TabContent>
<TabContent value="tab3">Content for Tab 3</TabContent>
</Tabs>
This tab is active and interactive.
The Tabs components can be customized using the className prop or by extending their styles with your design system. Below are the default components and their styling options:
This section contains personal user information.