Search for a command to run...
An opinionated toast component for React. Supports promises, custom styling, and multiple types.
import { toast } from "@/registry/optics/sonner";<Button onClick={() => toast({ type: "success", title: "Success!", description: "Your action was completed." })}> Show Toast</Button><Button onClick={() => toast({ type: "promise", promise: fetch("/api/data"), loading: "Loading...", success: "Data loaded!", error: "Failed to load data"})}> Promise Toast</Button>import { toast } from "@/registry/optics/sonner";<Button onClick={() => toast({ type: "success", title: "Success!", description: "Your action was completed." })}> Show Toast</Button><Button onClick={() => toast({ type: "promise", promise: fetch("/api/data"), loading: "Loading...", success: "Data loaded!", error: "Failed to load data"})}> Promise Toast</Button>