@shoelace-style/shoelace/cdn/react/animation/index.d.ts

A forward-thinking library of web components.

import Component from '../../components/animation/animation.component.js';
import { type EventName } from '@lit/react';
import type { SlCancelEvent } from '../../events/events.js';
import type { SlFinishEvent } from '../../events/events.js';
import type { SlStartEvent } from '../../events/events.js';
export type { SlCancelEvent } from '../../events/events.js';
export type { SlFinishEvent } from '../../events/events.js';
export type { SlStartEvent } from '../../events/events.js';
/**
 * @summary Animate elements declaratively with nearly 100 baked-in presets, or roll your own with custom keyframes. Powered by the [Web Animations API](https://developer.mozilla.org/en-US/docs/Web/API/Web_Animations_API).
 * @documentation https://shoelace.style/components/animation
 * @status stable
 * @since 2.0
 *
 * @event sl-cancel - Emitted when the animation is canceled.
 * @event sl-finish - Emitted when the animation finishes.
 * @event sl-start - Emitted when the animation starts or restarts.
 *
 * @slot - The element to animate. Avoid slotting in more than one element, as subsequent ones will be ignored. To
 *  animate multiple elements, either wrap them in a single container or use multiple `<sl-animation>` elements.
 */
declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
    onSlCancel: EventName<SlCancelEvent>;
    onSlFinish: EventName<SlFinishEvent>;
    onSlStart: EventName<SlStartEvent>;
}>;
export default reactWrapper;