Usage

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

Signatures

ts
(config?: DecayConfig): Animation

Parameters

NameTypeRequiredDescription
configDecayConfigNo—
Default: {}

Returns

Animation<number>

Generated from the public TypeScript declarations: signatures, props and defaults come from the checked source, descriptions from its JSDoc. No defaults are invented.