Tabs

A control that allows the user to toggle between checked and not checked.

Tab 1

				
<Tabs.Container class="tabs__container" value="1" slot="component">
    <Tabs.List class="tabs__list">
        <Tabs.Trigger value="1" class="tabs__trigger">Account</Tabs.Trigger>
        <Tabs.Trigger value="2" class="tabs__trigger">Password</Tabs.Trigger>
    </Tabs.List>
    <Tabs.Content value="1" class="tabs__content">Tab 1</Tabs.Content>
    <Tabs.Content value="2" class="tabs__content">Tab 2</Tabs.Content>
</Tabs.Container>

API Reference

Container

Prop	Type	Default
`value`	`string`
`orientation`	`Orientation`	`horizontal`
`direction`	`Direction`	`ltr`
`activation`	`Activation`	`automatic`

Content

Prop	Type	Default
`value`	`string`	`-`

List

Prop	Type	Default
`loop`	`boolean`	`true`

Trigger

Prop	Type	Default
`value`	`string`	`-`
`disabled`	`boolean`	`false`