Tabs - Keep React

The Tab Group 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
Tabs with Icon
Vertical Tab
Tabs API Reference
Tabs Items API Reference

Default Tabs#

The Default Tabs component showcases the basic implementation of tabs.

A wonderful serenity has taken possession of my entire soul, like these sweet mornings of spring which I enjoy with my whole heart. I am alone, and feel the charm of existence in this spot, which was created for the bliss of souls like mine.

Tabs with Icon#

Enhance your tabs by incorporating icons alongside the tab labels.

Vertical Tab#

Display tabs vertically by setting the vertical prop to true.

Tabs API Reference#

Explore the available props for the <Tabs> component

Property	Description	Type	Default
children	Children is tab items.	ReactNode	Item
activeLabel	Which tabs by default will be active	string	one
vertical	Tabs show vertical position	boolean	false
className	Custom class name for the component	string	None

Tabs Items API Reference#

Explore the available props for the <Tabs.Item> component

Property	Description	Type	Default
disabled	Determines whether the tab item is disabled.	boolean	false
className	Custom class name for the component	string	None
label	This label connect to the content	string	one