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

Multi-brand React design system with design tokens from Figma

import React from 'react';
import './List.css';
export interface ListItemProps {
    /** Contenido principal */
    children: React.ReactNode;
    /** Contenido antes (avatar, icono) */
    before?: React.ReactNode;
    /** Contenido después (acción, badge) */
    after?: React.ReactNode;
    /** Descripción secundaria */
    description?: React.ReactNode;
    /** Si el item es clickeable */
    onClick?: () => void;
    /** Si el item está deshabilitado */
    disabled?: boolean;
    /** Si el item está activo */
    active?: boolean;
    /** Clase CSS adicional */
    className?: string;
}
export declare const ListItem: React.FC<ListItemProps>;
export interface ListProps {
    /** Items de la lista */
    children: React.ReactNode;
    /** Si la lista tiene bordes */
    bordered?: boolean;
    /** Si la lista tiene dividers entre items */
    divided?: boolean;
    /** Clase CSS adicional */
    className?: string;
}
export declare const List: React.FC<ListProps>;
//# sourceMappingURL=List.d.ts.map