UNPKG

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
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;