search

fkhadra / react-toastify

React notification made easy 🚀 !
https://fkhadra.github.io/react-toastify/introduction
MIT License
12.33k stars 676 forks source link

How do fully customize everything? #1046

Closed guikaua12 closed 5 months ago

guikaua12 commented 5 months ago

Hi, how do i fully customize everything? Like, place progress where i want, style progress parent, etc I have this design where the progress is place on the side of that left div with a icon: image

jocanola commented 5 months ago

@guikaua12 you can create your on component and use it this way toast( <NotificationMessage status="success" title="Forget Password" description={response.data.message} />, );

And If you want to customize the container or anything you can checkout [Override css variables](styling https://fkhadra.github.io/react-toastify/how-to-style)

Notification component is the custom component I created

guikaua12 commented 5 months ago

@guikaua12 you can create your on component and use it this way toast( <NotificationMessage status="success" title="Forget Password" description={response.data.message} />, );

And If you want to customize the container or anything you can checkout [Override css variables](styling https://fkhadra.github.io/react-toastify/how-to-style)

Notification component is the custom component I created

Hi, thank you