ToastSimple() — ui Function Reference

Architecture documentation for the ToastSimple() function in toast-simple.tsx from the ui codebase.

Function tsx ComponentRegistry ChartRegistry

Entity Profile

ComponentRegistry→ ChartRegistry→ ToastSimple() — ui Function Reference

Dependency Diagram

graph TD
  833d0f79_9d92_9f7a_eb6d_276aa128bd2c["ToastSimple()"]
  2beab673_7f22_d830_351a_40a694a1269e["toast-simple.tsx"]
  833d0f79_9d92_9f7a_eb6d_276aa128bd2c -->|defined in| 2beab673_7f22_d830_351a_40a694a1269e
  style 833d0f79_9d92_9f7a_eb6d_276aa128bd2c fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

deprecated/www/registry/default/examples/toast-simple.tsx lines 6–21

export default function ToastSimple() {
  const { toast } = useToast()

  return (
    <Button
      variant="outline"
      onClick={() => {
        toast({
          description: "Your message has been sent.",
        })
      }}
    >
      Show Toast
    </Button>
  )
}