Toast notification recommendation?

Hey Guys, would anyone like to recommend their favorite toast notification to use with Refine?
7 Replies
Omer
Omer2y ago
Hi @ben_g. 👋, Which UI framework are you using?
optimistic-gold
optimistic-gold2y ago
hey @Omer ant d i was thinking to just use theirs but wondered if there were ay other recommendations?
Omer
Omer2y ago
Maybe you can use Message notifications? https://ant.design/components/message/
optimistic-gold
optimistic-gold2y 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.
optimistic-gold
optimistic-gold2y 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
Omer
Omer2y ago
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.
optimistic-gold
optimistic-gold2y ago
Awesome ! @Omer I'll give that a try. Thanks Yep, thats the ticket. Worked perfectly. Thanks again @Omer