emilkowalski / sonner

An opinionated toast component for React.

Home Page:https://sonner.emilkowal.ski

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

New Suggestions

Crinchy opened this issue · comments

Hey @emilkowalski

some ideas i got today for sonner,

Following properties ideas for to <Toaster /> Component:

  • Add closeButtonPosition (top left, top right, bottom left and bottom right), which allows you to change the position of the close button, as i know the most close buttons are right aligned.
  • Add closeOnClick, which allows you to close the toast i clicked on, without showing the user any close button or something.

Would be cool, if these suggestions could be implemented ❤.

Thanks for your great idea.. 😊

You can change the position of the closeButton via css, see the styling section here.

As for the closeOnClick functionality, this is not something I'd want to add to the library, but you can do that yourself by adding an onClick event and removing the clicked toast programmatically.