UNPKG

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
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>; };