logoRuru UI

Tabs

The Tabs component is used to organize content into multiple sections with navigation.

Typescript

TypeScript is a programming language developed and maintained by Microsoft. It is a strict syntactical superset of JavaScript and adds optional static typing to the language.

Installation

npx ruru-ui-cli@latest add tabs

Usage

Apple

Variants

Disabled Tabs

Apple

Default Index Tabs

Mango

Props

Tabs

NameTypeDefaultDescription
groupIdstringundefinedIdentifier for sharing value of tabs
persistbooleanfalseEnable persistent state
defaultIndexnumber0Default index of the selected tab
disabledbooleanfalseDisable all tabs
itemsstring[][]Array of items to be used as tab labels

Tab

NameTypeDefaultDescription
valuestringValue of the tab, used for identifying the selected tab
classNamestring""Additional class names for the container

On this page