Registry Index

Search the catalog

Type to search items across every indexed registry, or pick a page.

ComponentReactregistry:ui3 dependencies

Toast (Sonner)

sonner

Toast notifications via sonner, themed with ai2 tokens and synced to next-themes. Drop the Toaster once in your root layout, then call toast() anywhere.

Live, loading

Starting the live preview…

Rendered from its demo Sonner Demo. Runs in a sandboxed frame on a separate origin, in its registry's own theme. Mounted with no props — an item that paints an empty box is given its name as text, and some items need input to show anything.

Notes from the author

Render <Toaster /> once near the root. Import { toast } from 'sonner' to trigger notifications from anywhere.
1 other registry

Similar components

Other registries' take on sonner.

1 demo

See it in use

Files this registry ships to demonstrate the item. They are indexed and installable, but they don't count as components of their own.

Usage example for the ai2 sonner component.

@ai2

More from @ai2