AnimationCallback — Kuito Documentation

Utilisation

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

Déclaration du type

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

Type

(finished: boolean) => void

Généré depuis les déclarations TypeScript publiques : signatures, props et valeurs par défaut viennent de la source vérifiée, les descriptions de sa JSDoc. Aucune valeur par défaut n'est inventée.