Toast notification recommendation?
Hey Guys, would anyone like to recommend their favorite toast notification to use with Refine?
7 Replies
Hi @ben_g. 👋,
Which UI framework are you using?
ratty-blush•2y ago
hey @Omer ant d
i was thinking to just use theirs
but wondered if there were ay other recommendations?
Maybe you can use Message notifications?
https://ant.design/components/message/
ratty-blush•2y ago
I think im going to thanks @Omer
i tried using https://react-hot-toast.com/ but didnt work out that well.
react-hot-toast - The Best React Notifications in Town - react-hot-...
Add beautiful notifications to your React app with react-hot-toast. Lightweight. Smoking hot by default.
ratty-blush•2y ago
Hey @Omer in your example here
https://github.com/refinedev/refine/blob/next/examples/reactToastify/src/App.tsx
you add the <toastcontainer /> to the layout with the cgildren prop.
im using the Layout props from ant d
what is the best way to add something like a <toastContainer> to the layout
GitHub
refine/App.tsx at next · refinedev/refine
Build your React-based CRUD applications, without constraints. - refine/App.tsx at next · refinedev/refine
hmm you can use
offLayoutArea
property of <Refine> component âš¡
https://refine.dev/docs/api-reference/core/components/refine-config/#offlayoutarea| refine
`` component is the entry point of a refine app. It is where the highest level of configuration of the app occurs.
ratty-blush•2y ago
Awesome ! @Omer I'll give that a try. Thanks
Yep, thats the ticket. Worked perfectly. Thanks again @Omer