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.1 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 SearchIcon: import("svelte").Component<Props, {
start: () => void;
stop: () => void;
toggle: () => void;
setState: (state: string) => void;
getIconStatus: () => {
isAnimating: boolean;
currentState: "idle" | "loading" | "success" | "error" | "active";
};
}, "">;
type SearchIcon = ReturnType<typeof SearchIcon>;
export default SearchIcon;
//# sourceMappingURL=SearchIcon.svelte.d.ts.map