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

Multi-brand React design system with design tokens from Figma

import React from 'react';
import './Avatar.css';
export type AvatarSize = 'large' | 'medium' | 'small' | 'xsmall';
export interface AvatarProps extends React.HTMLAttributes<HTMLDivElement> {
    /** Tamaño del avatar */
    size?: AvatarSize;
    /** URL de imagen para el avatar */
    src?: string;
    /** Texto alternativo para la imagen */
    alt?: string;
    /** Iniciales a mostrar (si no hay imagen) */
    initials?: string;
    /** Nombre completo para calcular iniciales si no se pasan explícitamente */
    name?: string;
    /** Icono personalizado (por defecto usa el icono "person" del sprite) */
    icon?: React.ReactNode;
    /** Marca el avatar como deshabilitado (estado visual) */
    disabled?: boolean;
}
export declare const Avatar: React.FC<AvatarProps>;
//# sourceMappingURL=Avatar.d.ts.map