claritykit-svelte
Version:
A comprehensive Svelte component library focused on accessibility, ADHD-optimized design, developer experience, and full SSR compatibility
35 lines • 1.26 kB
TypeScript
interface Props {
value: number;
startValue?: number;
duration?: number;
formatFunction?: (value: number) => string;
prefix?: string;
suffix?: string;
autoPlay?: boolean;
respectMotion?: boolean;
easing?: 'linear' | 'ease-out' | 'ease-in-out';
decimalPlaces?: number;
separator?: string;
onComplete?: () => void;
class?: string;
'data-testid'?: string;
}
/**
* AnimatedCounter
*
* Accessible animated number counter with ADHD-friendly controls.
*
* @prop {number} value - Target value to count to
* @prop {number} [startValue] - Starting value for animation
* @prop {number} [duration] - Animation duration in milliseconds
* @prop {Function} [formatFunction] - Custom formatting function
* @prop {string} [prefix] - Text prefix
* @prop {string} [suffix] - Text suffix
* @prop {boolean} [autoPlay] - Start animation automatically
* @prop {boolean} [respectMotion] - Respect reduced motion preferences
* @prop {Function} [onComplete] - Callback when animation completes
*/
declare const AnimatedCounter: import("svelte").Component<Props, {}, "">;
type AnimatedCounter = ReturnType<typeof AnimatedCounter>;
export default AnimatedCounter;
//# sourceMappingURL=AnimatedCounter.svelte.d.ts.map