infinity-ui-elements/dist/components/TabItem/TabItem.d.ts

A React TypeScript component library with Tailwind CSS design system

import * as React from "react";
declare const tabItemVariants: (props?: ({
    variant?: "bordered" | "borderless" | null | undefined;
    size?: "medium" | "large" | "small" | null | undefined;
    isSelected?: boolean | null | undefined;
    isDisabled?: boolean | null | undefined;
    isFullWidth?: boolean | null | undefined;
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
export interface TabItemProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "children"> {
    /**
     * Leading component (e.g., icon)
     */
    leadingComponent?: React.ReactNode;
    /**
     * Tab title/label
     */
    title: string;
    /**
     * Trailing component (e.g., badge, close button)
     */
    trailingComponent?: React.ReactNode;
    /**
     * Whether the tab is currently selected
     */
    isSelected?: boolean;
    /**
     * Whether the tab is disabled
     */
    isDisabled?: boolean;
    /**
     * Tab size variant
     */
    size?: "small" | "medium" | "large";
    /**
     * Tab visual variant
     */
    variant?: "bordered" | "borderless";
    /**
     * Whether the tab should take full width
     */
    isFullWidth?: boolean;
    /**
     * Custom class name
     */
    className?: string;
    /**
     * Click handler
     */
    onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
}
declare const TabItem: React.ForwardRefExoticComponent<TabItemProps & React.RefAttributes<HTMLButtonElement>>;
export { TabItem, tabItemVariants };
//# sourceMappingURL=TabItem.d.ts.map