Tabs

Tabs are used to organize content into different sections.

General settings tab

Usage

import { Tabs } from '@nerdfish/ui'

<Tabs.Root defaultValue="general" className="w-[400px]">
	<Tabs.List>
		<Tabs.Trigger value="general">General</Tabs.Trigger>
		<Tabs.Trigger value="privacy">Privacy</Tabs.Trigger>
	</Tabs.List>
	<Tabs.Content value="general">
		<p className="text-primary text-sm">General settings tab</p>
	</Tabs.Content>
	<Tabs.Content value="privacy">
		<p className="text-primary text-sm">Privacy settings tab</p>
	</Tabs.Content>
</Tabs.Root>