svelte-animate-icons
Version: 
551 animated SVG icons for Svelte 5 with Web Animations API - hover, click, state-based animations, TypeScript ready
38 lines • 1.13 kB
TypeScript
interface AnimationTriggers {
    hover?: boolean;
    click?: boolean;
    focus?: boolean;
    custom?: boolean;
}
interface Props {
    size?: number;
    class?: string;
    triggers?: AnimationTriggers;
    animationState?: 'idle' | 'active' | 'loading' | 'success' | 'error';
    autoPlay?: boolean;
    loop?: boolean;
    duration?: number;
    onAnimationStart?: () => void;
    onAnimationEnd?: () => void;
    [key: string]: any;
}
export interface IconHandle {
    startAnimation: () => void;
    stopAnimation: () => void;
    toggleAnimation: () => void;
    setAnimationState: (newState: string) => void;
    readonly isAnimating: boolean;
}
declare const ChevronsLeftIcon: import("svelte").Component<Props, {
    start: () => void;
    stop: () => void;
    toggle: () => void;
    setState: (state: string) => void;
    getIconStatus: () => {
        isAnimating: boolean;
        currentState: "idle" | "loading" | "success" | "error" | "active";
    };
}, "">;
type ChevronsLeftIcon = ReturnType<typeof ChevronsLeftIcon>;
export default ChevronsLeftIcon;
//# sourceMappingURL=ChevronsLeftIcon.svelte.d.ts.map