kuito.
Loslegen

AnimationCallback

Called when the animation finishes (true) or is interrupted (false).

Typ

Verwendung

Remove a toast after its exit completes.

tsx
// Remove a toast after its exit completes.
import { Box, motion, timing, type AnimationCallback } from 'kuito';

function Toast(props: { onHidden: () => void }) {
  const opacity = motion(1);
  // False when another animation interrupted it: the toast is still showing.
  const hidden: AnimationCallback = (finished) => finished && props.onHidden();

  opacity.value = timing({ duration: 300, delay: 2000, onEnd: hidden }).to(0);

  return <Box opacity={opacity} padding={12} />;
}

Typdeklaration

ts
export type AnimationCallback = (finished: boolean) => void;

Typ

ts
(finished: boolean) => void
Generiert aus den öffentlichen TypeScript-Deklarationen: Signaturen, Props und Standardwerte stammen aus der geprüften Quelle, Beschreibungen aus deren JSDoc. Kein Standardwert ist erfunden.