Search code examples
reactjstoast

How to Change the position of error alert in React JS

I am using react alert for displaying the error message on the frond end page , I am using react alert template for the printing the error and success messages

My front end page have 3 different section and I want that each error and success message should specifically print in that section , therefore I have to change the position of the error message

Any leads how to change the position of those error and success message

I tried with inline css but got no success

here is my sample code i want to change the position of the error messages currently the positon is BOTTOM_CENTER

https://codesandbox.io/s/l2mo430lzq

Solution

  • You should check the section: "Showing alerts in different positions at the same time " in https://www.npmjs.com/package/react-alert.