Components
DeleteAnimation
A Component that fades out to indicate a deletion has occured.
Import
import { DeleteAnimation } from '@outfitio/outkit';
Basic example
Pass a function that will get delayed by the length of the animation and then passed to the child function as the argument.
Grid example
List example
Props
Any extra props (eg: css) will be spread onto the wrapping Box element.
| Property | Type | Required | Default | Description |
|---|---|---|---|---|
shrink | 'vertical' | 'horizontal' | 'none' | No | 'vertical' | Direction the deleted item will shrink. |
onRequestDelete | func | Yes | A callback that gets executed after the animation completes. | |
children | func | Yes | A function with a function as its only argument. Executing the argument function starts the fade out animation. | |
height | | No | 'auto' | |
width | | No | 'auto' |