UNPKG

tailwind-header-tabs

Version:

`HeaderTabs` is a customizable and accessible React component for displaying tabbed navigation with optional icons, count badges, and multi-tab selection via an auto-complete input.

32 lines (27 loc) 936 B
import { default as default_2 } from 'react'; import { JSX } from 'react/jsx-runtime'; declare const HeaderTabs: { ({ tabs, activeTab, showCountBadges, icons, onClickTab, activeIconColor, inactiveIconColor, countLabel, selectable, containerClasses, }: Props): JSX.Element; defaultProps: { activeIconColor: string; inactiveIconColor: string; }; }; export default HeaderTabs; declare interface Props { tabs: Tab[]; activeTab: Tab | null; onClickTab: (tab: Tab) => void; showCountBadges: boolean; activeIconColor?: string; inactiveIconColor?: string; countLabel?: Record<string, number>; selectable?: boolean; containerClasses?: string; icons?: Record<string, default_2.ReactNode> | ((color?: string, className?: string) => Record<string, default_2.ReactNode>); } declare interface Tab { id: string; label: string; } export { }