@achs/webkit
Version:
Conjunto de componentes de UI con el estilo del Sistema de Diseño ACHS (Asociación Chilena de Seguridad), para reutilizar de forma transversal en las aplicaciones web de ACHS. Construido con **React 19**, **TypeScript** y **Vite**, con soporte para las
19 lines (18 loc) • 825 B
TypeScript
import { default as React } from 'react';
export type BadgeColor = 'primary' | 'secondary' | 'error' | 'success' | 'warning';
export interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement> {
/** Número o texto a mostrar. Si se omite, se renderiza un punto. */
count?: number;
/** Muestra un punto sin número. */
dot?: boolean;
/** Tope del conteo: valores mayores muestran `{max}+`. */
max?: number;
/** Color semántico. */
color?: BadgeColor;
/** Si se pasan children, el badge se posiciona sobre ellos (esquina superior derecha). */
children?: React.ReactNode;
/** Muestra el badge aunque count sea 0. */
showZero?: boolean;
}
export declare const Badge: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLSpanElement>>;
export default Badge;