@neuctra/ui/dist/components/basic/Tabs.d.ts

A modern, responsive, customizable React UI component library powered by Tailwind CSS and Vite.

import { default as React, CSSProperties } from 'react';
interface TabItem {
    label: React.ReactNode;
    content: React.ReactNode;
    icon?: React.ReactNode;
    disabled?: boolean;
    ariaLabel?: string;
}
interface TabsBaseProps {
    tabs: TabItem[];
    defaultActive?: number;
    activeTabClassName?: string;
    inactiveTabClassName?: string;
    tabContainerClassName?: string;
    contentContainerClassName?: string;
    className?: string;
    activeTabStyle?: CSSProperties;
    inactiveTabStyle?: CSSProperties;
    tabContainerStyle?: CSSProperties;
    contentContainerStyle?: CSSProperties;
    style?: CSSProperties;
    tabsWidth?: string | number;
    tabGap?: number;
    tabPadding?: string;
    tabBorderRadius?: number;
    primaryColor?: string;
    textColor?: string;
    backgroundColor?: string;
    hoverTextColor?: string;
    disabledColor?: string;
    responsiveBreakpoint?: number;
    showDrawerLabel?: string;
    drawerIcon?: React.ReactNode;
    transitionDuration?: number;
    onTabChange?: (index: number) => void;
    role?: string;
    ariaOrientation?: "horizontal" | "vertical";
}
export declare const LeftTabs: React.FC<TabsBaseProps>;
export declare const TopTabs: React.FC<TabsBaseProps>;
export declare const RightTabs: React.FC<TabsBaseProps>;
export declare const Tabs: {
    Left: React.FC<TabsBaseProps>;
    Top: React.FC<TabsBaseProps>;
    Right: React.FC<TabsBaseProps>;
};
export {};