Docs
Tabs

Tabs

A set of layered sections of content—known as tab panels—that are displayed one at a time.

Radix UIAPI Reference

Account

Make changes to your account here. Click save when you're done.

Usage

import { Tabs } from '@bit/ui'
<Tabs.Root defaultValue='account' className='w-[400px]'>
  <Tabs.List>
    <Tabs.Trigger value='account'>Account</Tabs.Trigger>
    <Tabs.Trigger value='password'>Password</Tabs.Trigger>
  </Tabs.List>
  <Tabs.Content value='account'>Make changes to your account here.</Tabs.Content>
  <Tabs.Content value='password'>Change your password here.</Tabs.Content>
</Tabs.Root>
SwitchTextarea