cssTransition
Parameter | Type | Required | Default | Description |
---|---|---|---|---|
enter | string | β | - | The class name that will be used when the toast enter |
exit | string | β | - | The class name that will be used when the toast exit |
appendPosition | bool | β | false | Append or not the position to the class name: yourClassName--top-right , yourClassName--bottom-left ... |
collapse | bool | β | true | Collapse toast after exit animation |
collapseDuration | number | β | 300 | The collapse duration |
Usageβ
import { cssTransition } from 'react-toastify';
const Zoom = cssTransition({
enter: 'zoomIn',
exit: 'zoomOut',
appendPosition: false,
collapse: true,
collapseDuration: 300
});