pouncejs
Version:
A collection of UI components from Panther labs
37 lines (36 loc) • 872 B
TypeScript
import React from 'react';
import { BoxProps } from '../Box';
export interface FadeInProps extends Pick<BoxProps, 'as'> {
/**
* The from that the components fades-in towards
*
* @default center
* */
from?: 'top' | 'right' | 'bottom' | 'left' | 'center';
/**
* The duration of the fade in ms
*
* @default 1000
* */
duration?: number;
/**
*
* The number in ms to wait before the fading-in beging
*
* @default 0
*/
delay?: number;
/**
*
* Specify the distance (measured in px) from which the animation will initially begin from
*
* @default 25
*/
offset?: number;
}
/**
* A wrapper component to allow fading-in of children components, allowing a smooth enter into the
* viewport
*/
declare const FadeIn: React.FC<FadeInProps>;
export default FadeIn;