cssTransition

ParameterTypeRequiredDefaultDescription
enterstring-The class name that will be used when the toast enter
exitstring-The class name that will be used when the toast exit
durationnumber | [number,number]750The transition duration in ms.
appendPositionboolfalseAppend or not the position to the class name: yourClassName--top-right, yourClassName--bottom-left...
collapsebooltrueCollapse toast after exit animation
collapseDurationnumber300The collapse duration

Usage

import { cssTransition } from 'material-react-toastify';
const Zoom = cssTransition({
enter: 'zoomIn',
exit: 'zoomOut',
duration: 750,
appendPosition: false,
collapse: true,
collapseDuration: 300
});
const Zoom = cssTransition({
enter: 'zoomIn',
exit: 'zoomOut',
duration: [500, 600],
appendPosition: false
});