Tabs

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

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

Name

Username

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

Current password

New password

Confirm password

Installation

Props

Tabs

Prop	Type	Default
`children`	`React.ReactNode`	-
`className?`	`string`	-
`defaultValue?`	`string`	-
`onValueChange?`	`(value: string) => void`	-
`value?`	`string`	-

TabsList

Prop	Type	Default
`activeClassName?`	`string`	-
`children`	`React.ReactNode`	-
`className?`	`string`	-
`transition?`	`Transition`	`{ type: "spring", bounce: 0, stiffness: 200, damping: 25 }`

TabsTrigger

Prop	Type	Default
`children`	`React.ReactNode`	-
`className?`	`string`	-
`value`	`string`	-

TabsContents

Prop	Type	Default
`children`	`React.ReactNode`	-
`className?`	`string`	-
`transition?`	`Transition`	`{ duration: 0.4, ease: "easeInOut" }`

TabsContent

Prop	Type	Default
`children`	`React.ReactNode`	-
`className?`	`string`	-
`value`	`string`	-

Scroll Progress

A scroll progress component that displays the progress of the scroll.

Accordion

A vertically stacked set of interactive headings that each reveal an associated section of content.