Tabs

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

Account

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

Name

Username

Password

Change your password here. After saving, you'll be logged out.

Current password

New password

Installation

uvx django_shadcn@latest add tabs

Usage

<c-tabs default_value="account">
  <c-tabs.list>
    <c-tabs.trigger value="account">Account</c-tabs.trigger>
    <c-tabs.trigger value="password">Password</c-tabs.trigger>
  </c-tabs.list>
  <c-tabs.content value="account"
    >Make changes to your account here.</c-tabs.content
  >
  <c-tabs.content value="password">Change your password here.</c-tabs.content>
</c-tabs>