hoda-react
Version:
<div align="center"> <h1>:construction: flowbite-react (unreleased) :construction:</h1> <p> <a href="https://flowbite-react.com"> <img alt="Flowbite - Tailwind CSS components" width="350" src=".github/assets/flowbite-react-github.png"> <
43 lines (42 loc) • 1.36 kB
TypeScript
import { ComponentProps, PropsWithChildren } from 'react';
import type { FlowbiteBoolean } from '../Flowbite/FlowbiteTheme';
import type { TabItemProps } from './TabItem';
export interface FlowbiteTabTheme {
base: string;
tablist: {
base: string;
styles: TabStyles;
tabitem: {
base: string;
styles: TabStyleItem<TabStyles>;
icon: string;
};
};
tabpanel: string;
}
export interface TabStyles {
default: string;
underline: string;
pills: string;
fullWidth: string;
}
export interface TabStyleItemProps {
base: string;
active: FlowbiteBoolean;
}
export type TabStyleItem<Type> = {
[K in keyof Type]: TabStyleItemProps;
};
export type TabItemStatus = 'active' | 'notActive';
export interface TabsProps extends PropsWithChildren<Omit<ComponentProps<'div'>, 'style' | 'ref'>> {
style?: keyof TabStyles;
onActiveTabChange?: (activeTab: number) => void;
}
export interface TabsRef {
setActiveTab: (activeTab: number) => void;
}
export declare const TabsComponent: import("react").ForwardRefExoticComponent<TabsProps & import("react").RefAttributes<TabsRef>>;
export declare const Tabs: {
Group: import("react").ForwardRefExoticComponent<TabsProps & import("react").RefAttributes<TabsRef>>;
Item: import("react").FC<TabItemProps>;
};