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 shadcn.ui.components.Tabs
import shadcn.ui.components.TabsContent
import shadcn.ui.components.TabsList
import shadcn.ui.components.TabsTrigger

Tabs {
    defaultValue = "account"
    className = ClassName("w-[400px]")
    TabsList {
        TabsTrigger {
            value = "account"
            +"Account"
        }
        TabsTrigger {
            value = "password"
            +"Password"
        }
    }
    TabsContent {
        value = "account"
        +"Make changes to your account here."
    }
    TabsContent {
        value = "password"
        +"Change your password here."
    }
}
TableTextarea