timing
Along a curve: 300ms ease-in-out by default; a number is the duration.
Usage
Wait before starting an animation.
// Wait before starting an animation.
import { Box, delay, fade, spring, timing } from 'kuito';
<Box opacity={timing(200).to(0)} translateY={delay(80, spring().to(12))} />;
<Box enter={delay(150, fade)} />;Signatures
(config?: number | TimingConfig): AnimationParameters
| Name | Type | Required | Description |
|---|---|---|---|
config | number | TimingConfig | No | — 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.