Tabs

Interface of Tabs
🏗 Coming Soon

Tabs expects to receive a TabList with one or more Tab components. TabPanels expects TabPanel(s). Tabs manages the visibility of a single TabPanel based on its internal state.

The order in which elements are placed inside TabList and TabPanels defines the relationship between them. The first Tab is related to the first TabPanel and so on.

To create a disabled Tab add the disabled prop. You must still create a TabPanel for each Tab to keep the index positions in sync.

Tabs supports scrolling when the number of Tabs are greater then the space alocated for it. - Try scrolling left-right.

🐶 Dog

Distribute Attribute

Using the distribute prop on TabList will equally distributed each Tab in the container.

Controlled Tab

A