@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
22 lines (21 loc) • 1.03 kB
TypeScript
import { default as React } from 'react';
import { AchsColor, AchsSize, AchsVariant } from '../../../types';
export interface TagProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'color'> {
text: string;
/** Color de marca tokenizado (usa las variables de tema). Preferí esto sobre los colores inline. */
color?: AchsColor;
/** Estilo visual tokenizado: solid | outlined | filled. */
variant?: AchsVariant;
iconName?: string;
showIcon?: boolean;
size?: AchsSize;
rounded?: boolean;
/** @deprecated Usá `color` + `variant`. Se mantiene por compatibilidad y se quitará en la próxima versión mayor. */
backgroundColor?: string;
/** @deprecated Usá `variant="outlined"`. Se quitará en la próxima versión mayor. */
borderColor?: string;
/** @deprecated Usá `color`. Se quitará en la próxima versión mayor. */
textColor?: string;
}
export declare const Tag: React.ForwardRefExoticComponent<TagProps & React.RefAttributes<HTMLDivElement>>;
export default Tag;