Tab

Tabs make it easy to explore and switch between different views.

Basic Tabs

Option 1
Option 2
Option 3

With Second Label

Add a secondary text below the tab label for additional context (center aligned).

DashboardOverview
AnalyticsReports
SettingsConfigure
type TabProps = {
  label: string;
  secondLabel?: string; // Secondary text below tab label (center aligned)
  href?: string;
  isSelected: boolean;
  onClickTab: () => void;
  onClickActionIcon?: any;
  decoIcon?: string;
  actionIcon?: string;
}