SonnerBasic() — ui Function Reference

Architecture documentation for the SonnerBasic() function in sonner-example.tsx from the ui codebase.

Function tsx ComponentRegistry ChartRegistry

Entity Profile

ComponentRegistry→ ChartRegistry→ SonnerBasic() — ui Function Reference

Dependency Diagram

graph TD
  7671d385_d905_fdd8_d673_c67b675e00af["SonnerBasic()"]
  e2e8960a_6838_05b0_9eba_b14f87998294["sonner-example.tsx"]
  7671d385_d905_fdd8_d673_c67b675e00af -->|defined in| e2e8960a_6838_05b0_9eba_b14f87998294
  style 7671d385_d905_fdd8_d673_c67b675e00af fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/registry/bases/radix/examples/sonner-example.tsx lines 20–32

function SonnerBasic() {
  return (
    <Example title="Basic" className="items-center justify-center">
      <Button
        onClick={() => toast("Event has been created")}
        variant="outline"
        className="w-fit"
      >
        Show Toast
      </Button>
    </Example>
  )
}