components/tabs
@fungi.computer/caps / components/tabs
components/tabs
Section titled “components/tabs”Type Aliases
Section titled “Type Aliases”TabsProps
Section titled “TabsProps”TabsProps =
object&HTMLAttributes<HTMLDivElement>>
Props accepted by Tabs.
Type Declaration
Section titled “Type Declaration”children
Section titled “children”children:
ReactNode
defaultValue?
Section titled “defaultValue?”
optionaldefaultValue?:string
onValueChange?
Section titled “onValueChange?”
optionalonValueChange?: (value) =>void
Called after the active tab value changes.
Parameters
Section titled “Parameters”string
Returns
Section titled “Returns”void
value?
Section titled “value?”
optionalvalue?:string
TabsListVariant
Section titled “TabsListVariant”TabsListVariant =
"bordered"|"segmented"
Supported tab-list presentations.
TabsListProps
Section titled “TabsListProps”TabsListProps =
object&HTMLAttributes<HTMLDivElement>>
Props accepted by TabsList.
Type Declaration
Section titled “Type Declaration”variant?
Section titled “variant?”
optionalvariant?:TabsListVariant
bordered underlines the selected tab. segmented presents a small set of
equal, mutually exclusive choices as one inset control.
TabsTriggerProps
Section titled “TabsTriggerProps”TabsTriggerProps =
object&ButtonHTMLAttributes<HTMLButtonElement>>
Props accepted by TabsTrigger.
Type Declaration
Section titled “Type Declaration”value:
string
TabsContentProps
Section titled “TabsContentProps”TabsContentProps =
object&HTMLAttributes<HTMLDivElement>>
Props accepted by TabsContent.
Type Declaration
Section titled “Type Declaration”children
Section titled “children”children:
ReactNode
forceMount?
Section titled “forceMount?”
optionalforceMount?:boolean
value:
string
Variables
Section titled “Variables”
constTabs:ForwardRefExoticComponent<object&HTMLAttributes<HTMLDivElement> > &RefAttributes<HTMLDivElement>>>>
A tab-list controller with explicit controlled or uncontrolled value state.
TabsList
Section titled “TabsList”
constTabsList:ForwardRefExoticComponent<object&HTMLAttributes<HTMLDivElement> > &RefAttributes<HTMLDivElement>>>>
The tab-list layout for a Tabs controller.
TabsTrigger
Section titled “TabsTrigger”
constTabsTrigger:ForwardRefExoticComponent<object&ButtonHTMLAttributes<HTMLButtonElement> > &RefAttributes<HTMLButtonElement>>>>
A selectable tab in a Tabs controller.
TabsContent
Section titled “TabsContent”
constTabsContent:ForwardRefExoticComponent<object&HTMLAttributes<HTMLDivElement> > &RefAttributes<HTMLDivElement>>>>
The content panel associated with a Tabs value.