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
TypeScript
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 { }