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
appendPositionboolโœ˜falseAppend or not the position to the class name: yourClassName--top-right, yourClassName--bottom-left...
collapseboolโœ˜trueCollapse toast after exit animation
collapseDurationnumberโœ˜300The collapse duration

Usage

import { cssTransition } from 'react-toastify';
const Zoom = cssTransition({
enter: 'zoomIn',
exit: 'zoomOut',
appendPosition: false,
collapse: true,
collapseDuration: 300
});