fkhadra / fkhadra/react-toastify

example in the browser for using "transition" in the ToastContainer Next Js parameter does not work there

Open
#1,135 0 comments 2 reactions 0 assignees View on GitHub
Dominant language
TypeScript
Stars
13.4k
Forks
741
PR merge metrics
No merged PRs in 30d

Description

![usebracket](https://github.com/user-attachments/assets/5da749df-4e23-4de6-aecf-3e9ce53c2f1f)

You can't bounce straight away, for beginners maybe just "bounce" straight away. whereas curly braces {}, indicating that the transition value is a JavaScript expression.

solution:
"ToastContainer =
position="bottom-right"
autoClose={5000}
hideProgressBar={false}
newestOnTop={false}
closeOnClick
rtl={false}
pauseOnFocusLoss
draggable
pauseOnHover
theme="light"
transition={Flip} -------- don't immediately bounce/flip etc without {}
"

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.