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
21 lines (20 loc) • 574 B
TypeScript
import 'animate.css';
import type { AnimationProps as Props } from './types.ts';
/**
* [Go to docs](https://svelte-animate.codewithshin.com/)
* ## Props
* @prop children
* @prop animations = 'bounce'
* @prop trigger = 'hover'
* @prop duration = 1000
* @prop hideEnd = false
* @prop showReplayButton = false
* @prop delay = 0
* @prop repeat = '1'
* @prop pauseDuration = 0
* @prop class: className = ''
* @prop debug = false
*/
declare const Animate: import("svelte").Component<Props, {}, "">;
type Animate = ReturnType<typeof Animate>;
export default Animate;