Skip to main content

Tabs

Tabs are navigation controls for switching between related views, like a project's overview, activity, and settings. They show one panel at a time and can also work as a single-choice form field.

Import

import { Tabs } from '@vortexlabs/vortex';
import type { TabsProps } from '@vortexlabs/vortex';

Other links

Storybook

Tabs

Tabs props
PropTypeDefaultAttributes
children
React.ReactNode
No default value
variant
union
underline
orientation
union
horizontal
color
union
default
size
union
md
equalWidthItems
boolean
No default value
value
string
No default value
defaultValue
string
No default value
onChange
callback
No default value
name
string
No default value

Tabs.List

Tabs.List props
PropTypeDefaultAttributes
children
React.ReactNode
No default value
endSlot
React.ReactNode
No default value
className
union
No default value
attributes
object
No default value

Tabs.Item

Tabs.Item props
PropTypeDefaultAttributes
value
string
No default value
children
React.ReactNode
No default value
icon
union
No default value
ariaLabel
string
No default value
endSlot
React.ReactNode
No default value
disabled
boolean
No default value
href
string
No default value
render
callback
No default value
attributes
object
No default value
ref
ref
No default value

Tabs.Panel

Tabs.Panel props
PropTypeDefaultAttributes
value
string
No default value
children
React.ReactNode
No default value
className
union
No default value
attributes
object
No default value