svelte-animate
Version:
A lightweight Svelte component that adds beautiful CSS animations to any element using Animate.css library. Features include click/hover triggers, customizable duration, reduced motion support, and accessibility features. Perfect for creating engaging use
14 lines (13 loc) • 608 B
TypeScript
import type { Snippet } from 'svelte';
import type { FadeParams, BlurParams, FlyParams, SlideParams, ScaleParams, DrawParams } from 'svelte/transition';
import type { HTMLButtonAttributes } from 'svelte/elements';
type ParamsType = FadeParams | BlurParams | FlyParams | SlideParams | ScaleParams | DrawParams;
interface Props extends HTMLButtonAttributes {
children: Snippet;
pauseDuration?: number;
event?: 'onmouseenter' | 'onclick';
params?: ParamsType;
}
declare const Wrapper: import("svelte").Component<Props, {}, "">;
type Wrapper = ReturnType<typeof Wrapper>;
export default Wrapper;