Tabs

Tabs organize content into multiple sections and allow users to navigate between them.

Installation

CLI

Copy & Paste

bash

npx @sly-cli/sly add draft-ui tabs

The default Tabs uses orientation horizontal.

Example

Code

Founding of Rome

Monarchy and Republic

Empire

Arma virumque cano, Troiae qui primus ab oris.

Set the orientation prop to vertical to use vertical Tabs.

Example

Code

Founding of Rome

Monarchy and

Empire

Arma virumque cano, Troiae qui primus ab oris.

Use disabledKeys prop to disable specific Tab's ComboBox.

Example

Code

Founding of Rome

Monarchy and Republic

Empire

Arma virumque cano, Troiae qui primus ab oris.

Use the isDisabled prop to disable all Tab's.

Example

Code

Founding of Rome

Monarchy and Republic

Empire

Arma virumque cano, Troiae qui primus ab oris.