Utilização

Drag and release

tsx
import { Box, decay, motion, pan } from 'kuito';

export function Drawer() {
  const drag = pan({ axis: 'y' }).release(decay({ clamp: [0, 400] }));
  const y = motion(0).follows(drag.y);

  return <Box gestures={[drag]} translateY={y} height={120} backgroundColor="#0f172a" />;
}

Assinaturas

Sobrecarga 1

ts
<T>(): Motion<T | null>

Parâmetros de tipo

NomeRestriçãoPredefinição
T——

Parâmetros

Sem parâmetros.

Devolve

Motion<T>

Sobrecarga 2

ts
<T>(initial: T, name?: string): Motion<T>

Parâmetros de tipo

NomeRestriçãoPredefinição
T——

Parâmetros

NomeTipoObrigatórioDescrição
initialTSim—
namestringNão—

Devolve

Motion<T>

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.