AnimationCallback — Kuito Documentação

Utilização

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

Declaração do tipo

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

Tipo

(finished: boolean) => void

Gerado a partir das declarações TypeScript públicas: assinaturas, props e predefinições vêm da fonte verificada, as descrições da sua JSDoc. Nenhuma predefinição é inventada.