@penaprieto/design-system/dist/components/Tabs/Tabs.d.ts

Multi-brand React design system with design tokens from Figma

import React from 'react';
import './Tabs.css';
export interface TabItem {
    /** Identificador único del tab */
    id: string;
    /** Label visible del tab */
    label: string;
    /** Icono opcional (nombre del icono del sprite) */
    icon?: string;
    /** Si el tab está deshabilitado */
    disabled?: boolean;
    /** Contenido del panel asociado al tab */
    content?: React.ReactNode;
}
export interface TabsProps {
    /** Array de tabs a renderizar */
    tabs: TabItem[];
    /** Tamaño del tab group */
    size?: 'small' | 'medium' | 'large';
    /** ID del tab activo (controlado) */
    activeTab?: string;
    /** ID del tab activo inicial (no controlado) */
    defaultActiveTab?: string;
    /** Callback al cambiar de tab */
    onTabChange?: (tabId: string) => void;
    /** Clase CSS adicional */
    className?: string;
    /** Label accesible para el tablist */
    ariaLabel?: string;
}
export declare const Tabs: React.FC<TabsProps>;
//# sourceMappingURL=Tabs.d.ts.map