Default Toast Sonner for React

The button calls toast with "Event has been created" and no second argument. There is no description, action, or icon on this call, so the notice is that one line.

The demo renders its own Toaster beside the button, so it works on its own. In an app, render one Toaster near the root and call toast from anywhere.

Call toast.success, toast.error, toast.warning, or toast.info with the message. Each helper sets a type, and Toaster draws the matching icon. This demo stays on plain toast, which leaves the icon slot empty.

Pass description in the second argument. That string renders under the title. This call does not pass it.

This call does not pass position. Toaster uses bottom-right when that prop is omitted. Set position on Toaster when every toast should share another spot.

Use Sonner for this pattern: one toast() call and a single Toaster. Use Toast when the notice should be built from the same parts as the rest of the page. Sonner itself is React only.