44 lines
1.2 KiB
Plaintext
44 lines
1.2 KiB
Plaintext
import React from 'react';
|
|
import { ToastTransitionProps } from '../types';
|
|
export interface CSSTransitionProps {
|
|
/**
|
|
* Css class to apply when toast enter
|
|
*/
|
|
enter: string;
|
|
/**
|
|
* Css class to apply when toast leave
|
|
*/
|
|
exit: string;
|
|
/**
|
|
* Append current toast position to the classname.
|
|
* If multiple classes are provided, only the last one will get the position
|
|
* For instance `myclass--top-center`...
|
|
* `Default: false`
|
|
*/
|
|
appendPosition?: boolean;
|
|
/**
|
|
* Collapse toast smoothly when exit animation end
|
|
* `Default: true`
|
|
*/
|
|
collapse?: boolean;
|
|
/**
|
|
* Collapse transition duration
|
|
* `Default: 300`
|
|
*/
|
|
collapseDuration?: number;
|
|
}
|
|
/**
|
|
* Css animation that just work.
|
|
* You could use animate.css for instance
|
|
*
|
|
*
|
|
* ```
|
|
* cssTransition({
|
|
* enter: "animate__animated animate__bounceIn",
|
|
* exit: "animate__animated animate__bounceOut"
|
|
* })
|
|
* ```
|
|
*
|
|
*/
|
|
export declare function cssTransition({ enter, exit, appendPosition, collapse, collapseDuration }: CSSTransitionProps): ({ children, position, preventExitTransition, done, nodeRef, isIn, playToast }: ToastTransitionProps) => React.JSX.Element;
|