emilkowalski / sonner

An opinionated toast component for React.

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

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Styling of loader/promise toast

Rjuks opened this issue · comments

Hello,

I'm trying to customize Toast colors, but also i want to use promise/loading toast.

          toastOptions={{
            classNames: {
              error: "bg-red-400",
              success: "text-green-400",
              warning: "text-yellow-400",
              info: "bg-blue-400",
              loader: "bg-blue-400",
            },
          }}

But styles for "loader" are not working, even if I apply unstyled: true then promise/loading toast ends with reset styling.

So you'd basically want a promise key?

So you'd basically want a promise key?

I would like to customize the loader and promise toast styles using the toastOptions. Although the loader key is available, it doesn't seem to apply any styles.

@Rjuks use loading instead of loader. (#255)

Like @angelocala94 mentioned!

tried loader & loading, none worked
Any help?
I'm using nextjs