Sonner

An opinionated toast component for showing timely feedback, status updates, and inline actions.

An opinionated toast component for showing timely feedback, status updates, and inline actions.

Examples

npx shadcn@latest add "https://components.dylanwlim.com/c/sonner.json"

Prop	Type	Default	Description
...props	`React.ComponentProps<typeof Sonner>`		All props are forwarded to Sonner's `Toaster` component.
theme	`ToasterProps['theme']`	`system`	Resolved from `next-themes` and passed through to Sonner.
className	`string`	`toaster group`	CSS class applied to the Sonner root for scoped toast styling.

On This Page

Build with DWL Components

Use the copied registry, charts, blocks, and create tools in one place.

Start from the DWL Components create flow and customize from there.