@als-tp/als-react-ts-ui/dist/components/ALSTabs/components.d.ts

A comprehensive React TypeScript UI component library built with Base UI by ALSInnovation

import React from "react";
type TabsOrientation = "horizontal" | "vertical";
type TabsSize = "sm" | "md" | "lg";
interface ALSTabsRootProps {
    /** The value of the currently active Tab (controlled) */
    value?: number | string;
    /** Default value (uncontrolled) */
    defaultValue?: number | string;
    /** Callback when tab value changes */
    onValueChange?: (value: number | string) => void;
    /** Component orientation (layout flow direction) */
    orientation?: TabsOrientation;
    /** Size variant */
    size?: TabsSize;
    /** Additional class name */
    className?: string;
    /** Children */
    children: React.ReactNode;
}
declare const ALSTabsRoot: React.ForwardRefExoticComponent<ALSTabsRootProps & React.RefAttributes<HTMLDivElement>>;
interface ALSTabsListProps {
    /** Whether to automatically change active tab on arrow key focus */
    activateOnFocus?: boolean;
    /** Whether to loop keyboard focus back to first item */
    loopFocus?: boolean;
    /** Additional class name */
    className?: string;
    /** Children */
    children: React.ReactNode;
}
declare const ALSTabsList: React.ForwardRefExoticComponent<ALSTabsListProps & React.RefAttributes<HTMLDivElement>>;
interface ALSTabsTabProps {
    /** The value of the Tab */
    value?: number | string;
    /** Whether the tab is disabled */
    disabled?: boolean;
    /** Additional class name */
    className?: string;
    /** Children */
    children: React.ReactNode;
}
declare const ALSTabsTab: React.ForwardRefExoticComponent<ALSTabsTabProps & React.RefAttributes<HTMLButtonElement>>;
interface ALSTabsIndicatorProps {
    /** Additional class name */
    className?: string;
    /** Whether to render before hydration */
    renderBeforeHydration?: boolean;
}
declare const ALSTabsIndicator: React.ForwardRefExoticComponent<ALSTabsIndicatorProps & React.RefAttributes<HTMLSpanElement>>;
interface ALSTabsPanelProps {
    /** The value of the TabPanel */
    value?: number | string;
    /** Whether to keep the HTML element in DOM while hidden */
    keepMounted?: boolean;
    /** Additional class name */
    className?: string;
    /** Children */
    children: React.ReactNode;
}
declare const ALSTabsPanel: React.ForwardRefExoticComponent<ALSTabsPanelProps & React.RefAttributes<HTMLDivElement>>;
export { ALSTabsRoot, ALSTabsList, ALSTabsTab, ALSTabsIndicator, ALSTabsPanel };
export type { ALSTabsRootProps, ALSTabsListProps, ALSTabsTabProps, ALSTabsIndicatorProps, ALSTabsPanelProps, TabsOrientation, TabsSize, };
//# sourceMappingURL=components.d.ts.map