transitions-kit
Version:
A set of predefined transition components
42 lines (41 loc) • 1.31 kB
TypeScript
import type { TransitionProps } from '../utils';
export interface SlideProps extends TransitionProps {
/**
* Perform the enter transition when it first mounts if `in` is also `true`.
* Set this to `false` to disable this behavior.
* @default true
*/
appear?: boolean;
/**
* An HTML element, or a function that returns one.
* It's used to set the container the Slide is transitioning from.
*/
container?: null | Element | (() => Element);
/**
* Direction the child node will enter from.
* @default 'down'
*/
direction?: 'left' | 'right' | 'up' | 'down';
/**
* The transition timing function.
* You may specify a single easing or a object containing enter and exit values.
* @default {
* enter: theme.transitions.easing.easeOut,
* exit: theme.transitions.easing.sharp,
* }
*/
easing?: TransitionProps['easing'];
/**
* If `true`, the component will transition in.
*/
in?: TransitionProps['in'];
/**
* The duration for the transition, in milliseconds.
* You may specify a single timeout for all transitions, or individually with an object.
* @default {
* enter: 225,
* exit: 195
* }
*/
timeout?: TransitionProps['timeout'];
}