Tabs - Aspect UI

Docs

Components

Tabs

Tabs - Aspect UI

The Tabs component allows users to navigate between different views or content sections. It supports horizontal/vertical layouts, icons, animations, and lazy loading.

Table of Contents#

TabContent Props
TabItem Props
TabList Props
Tabs Props

TabContent Props#

Prop	Type	Default	Description
children	ReactNode	-	Content to display when the tab is active.
id	string	-	Unique identifier for the tab content, matching its corresponding TabItem ID.
className	string	''	Additional CSS class for styling the tab content.

TabItem Props#

Prop	Type	Default	Description
children	ReactNode	-	Label or content of the tab.
id	string	-	Unique identifier for the tab, used to match TabContent.
disabled	boolean	false	Whether the tab is disabled and non-interactive.
className	string	''	Additional CSS class for the tab item.
activeClassName	string	''	CSS class applied when the tab is active.
disabledClassName	string	''	CSS class applied when the tab is disabled.
onClick	() => void	-	Callback triggered when the tab is clicked.

TabList Props#

Prop	Type	Default	Description
children	ReactNode	-	A collection of TabItem components.
className	string	''	Additional CSS class for the tab list container.

Tabs Props#

Prop	Type	Default	Description
children	ReactNode	-	TabList and TabContent components.
defaultActive	string	-	ID of the tab that should be active by default.
className	string	''	Additional CSS class for the root tabs container.