Tabbed content navigation.
import { Tabs, TabList, Tab, TabPanels, TabPanel } from "@/components/ui";Overview content goes here. This is the first panel.
<Tabs defaultValue="overview">
<TabList>
<Tab value="overview">Overview</Tab>
<Tab value="analytics">Analytics</Tab>
<Tab value="settings">Settings</Tab>
</TabList>
<TabPanels>
<TabPanel value="overview">
<p>Overview content</p>
</TabPanel>
<TabPanel value="analytics">
<p>Analytics content</p>
</TabPanel>
<TabPanel value="settings">
<p>Settings content</p>
</TabPanel>
</TabPanels>
</Tabs>Different tab styles
<Tabs variant="default">...</Tabs><Tabs variant="pills">...</Tabs><Tabs variant="underline">...</Tabs>Configure your app with the features you need and download production-ready code.
Start Configuring