Tabs API

Learn about the Tabs component's props and CSS classes.

Import

import {
  TabsProps,
  TabsListProps,
  TabsPanelProps,
  TabsTabProps,
} from "@prismane/core";

Tabs extends Flex component's props.

Name	Type	Description	Default
`variant`	`underlined / filled`	The variant of the tabs component.	underlined
`defaultValue`	`string`	The default active tab.	null

Tabs.List extends Flex component's props.

Tabs.Panel extends Flex component's props.

Name	Type	Description	Default
`value`	`string`	The value of the given tabs panel.	-

Tabs.Tab extends Flex and Transition components' props.

Name	Type	Description	Default
`value`	`string`	The value of the given tabs tab.	-

Tabs extends Flex component's CSS classes.

Rule	Global Class	Description
`root`	`.PrismaneTabs-root`	The container of the tabs component.
`root`	`.PrismaneTabs-root-{variant}`	The container of the tabs component based on it's variant.

Tabs.List extends Flex component's CSS classes.

Rule	Global Class	Description
`root`	`.PrismaneTabsList-root`	The container of the tabs list component.

Tabs.Panel extends Flex component's CSS classes.

Rule	Global Class	Description
`root`	`.PrismaneTabsPanel-root`	The container of the tabs panel component.

Tabs.Tab extends Flex and Transition components' CSS classes.

Rule	Global Class	Description
`root`	`.PrismaneTabsTab-root`	The container of the tabs tab component.