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

Multi-brand React design system with design tokens from Figma

import React from 'react';
import './Badge.css';
export type BadgeVariant = 'primary' | 'success' | 'error' | 'warning' | 'neutral';
export type BadgeSize = 'small' | 'medium';
export interface BadgeProps {
    /** Contenido del badge (número o texto) */
    content?: React.ReactNode;
    /** Variante de color */
    variant?: BadgeVariant;
    /** Tamaño del badge */
    size?: BadgeSize;
    /** Mostrar como dot sin contenido */
    dot?: boolean;
    /** Valor máximo a mostrar (ej: 99+) */
    max?: number;
    /** Elemento hijo al que se ancla el badge */
    children?: React.ReactElement;
    /** Clase CSS adicional */
    className?: string;
}
export declare const Badge: React.FC<BadgeProps>;
//# sourceMappingURL=Badge.d.ts.map