Tabs - Keep React

The Tabs Component in the Keep React allows you to organize and display content in a tabbed interface. It provides a convenient way to switch between different sections or views within a single container.

Table of Contents#

Default Tabs#

The Default Tabs component showcases the basic implementation of tabs.

Tabs Underline variant#

Display tabs underline variant by setting the variant prop to underline.

Tabs With Icon#

Tabs Underline Icon#

Tabs API Reference#

Explore the available props for the <Tabs> component

PropertyDescriptionTypeDefault
defaultValueWhich tabs by default will be activestringNone
variantTabs item variant
default
underline
default

Tabs Items API Reference#

Explore the available props for the <TabsItem> component

PropertyDescriptionTypeDefault
valueThis value connect to the contentstringitem-