Search

Search components and blocks

Sign in

Toast

Sonner, themed to DitherUI's tokens: the one thing every form submit and async action needs, mounted once and fired from anywhere with no provider wiring at the call site.

pnpm dlx shadcn@latest add @ditherui/sonner

Install

$ pnpm dlx shadcn@latest add @ditherui/sonner

Props

position"top-left" | "top-right" | "bottom-left" | "bottom-right" | ..."bottom-right"
theme"light" | "dark" | "system""system"
richColorsbooleanfalse

When to use the toast

Use toasts for feedback after a submit or async action. It is Sonner themed to DitherUI's tokens.

  • Open the CLI tab on any preview above for the exact shadcn command. The source is copied into your project, so you can edit it like any other file.

Suggested components