Star on GitHub0

Expandable Tabs

Expandable Tabs Component

The ExpandableTabs component is a dynamic and interactive UI element designed for creating horizontal tabbed navigation.

Features

  • Smooth Animations: Transitions between tabs with fluid animations.
  • Customizable: Easily customize styles, colors, and behavior.
  • Responsive: Works seamlessly across different screen sizes.
  • Lightweight: Minimal dependencies and optimized for performance.
Loading component preview...

Source Code

Props

PropertyTypeDefaultDescription
tabs
{ title: string; icon: IconType }[]
required
An array of tab objects, each containing a title and an icon for the tab.
containerClassName
string
""
Additional class names for the container element.
defaultActiveIndex
number
0
The index of the tab that is active by default.
transitionConfig
Transition
{ duration: 0.2, ease: "easeInOut" }
Configuration for the transition animations.