@achs/webkit/dist/components/atoms/Loading/LoadingDots.d.ts

Este paquete proporciona un conjunto de componentes de UI para su uso en aplicaciones web de ACHS (Asociación Chilena de Seguridad). Está construido con React, TypeScript y Vite.

import { default as React } from 'react';
export type LoadingDotsThemeColor = 'inherit' | 'primary' | 'secondary' | 'disabled';
export interface LoadingDotsProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> {
    /** Tamaño de cada punto en px (default: 8) */
    size?: number;
    /** Si se especifica, sobreescribe el color temático (por ejemplo "#6b5bff" o "currentColor") */
    color?: string;
    /** Color temático a usar si no se especifica `color` (default: 'inherit') */
    themeColor?: LoadingDotsThemeColor;
    /** Cantidad de puntos (default: 3) */
    dotCount?: number;
    /** Separación entre puntos en px (default: 6) */
    gap?: number;
    /** Duración de la animación en ms (default: 900) */
    duration?: number;
    /** Altura del salto en px (default: 6) */
    amplitude?: number;
    /** Texto accesible mientras carga (default: "Cargando…") */
    ariaLabel?: string;
    /** Si true, se alinea inline con el texto (default: true) */
    inline?: boolean;
    /** Si true, baja un poco la opacidad (útil en estados secundarios) */
    muted?: boolean;
}
export declare const LoadingDots: React.FC<LoadingDotsProps>;
export default LoadingDots;