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.

Password

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

Installation 

uvx shadcn_django@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>