fkhadra / react-toastify

React notification made easy 🚀 !

Home Page:https://fkhadra.github.io/react-toastify/introduction

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Syntax Error or a Bug in documentation

arnavnagpurkar opened this issue · comments

Bug

What is the current behavior
In the website https://fkhadra.github.io/react-toastify/introduction/ The "Toast Container" has a bug.
image
in the <ToastContainer/> there is a attribute transition where : semicolon is added instead of = equal too sign.
When we assign value to attributes we need to insert = sign instead of : semicolons as in JSON.
And the value Bounce must also be enclosed in the quotes or double quotes.
If user will copy from this documentation then he'll face errors.

expected behaviour
User should not face error.
We need to updated it in the documentation to:

<ToastContainer
  position="top-right"
  autoClose={5000}
  hideProgressBar={false}
  newestOnTop={false}
  closeOnClick
  rtl={false}
  pauseOnFocusLoss
  draggable
  pauseOnHover
  theme="light"
  transition="Bounce",
/>

Which versions of React, and which browser / OS are affected by this issue? Did this work in previous versions of React?
This issue is applicable to all versions of react and next.js