ToastViewport() — ui Function Reference

Architecture documentation for the ToastViewport() function in toast.tsx from the ui codebase.

Function tsx ComponentRegistry ChartRegistry

Entity Profile

ComponentRegistry→ ChartRegistry→ ToastViewport() — ui Function Reference

Dependency Diagram

graph TD
  9348a346_375f_c3b1_3733_ac4b4320fe6e["ToastViewport()"]
  84d197dd_9e9e_d766_2118_ef01fbda513e["toast.tsx"]
  9348a346_375f_c3b1_3733_ac4b4320fe6e -->|defined in| 84d197dd_9e9e_d766_2118_ef01fbda513e
  style 9348a346_375f_c3b1_3733_ac4b4320fe6e fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

deprecated/www/registry/default/ui/toast.tsx lines 15–24

>(({ className, ...props }, ref) => (
  <ToastPrimitives.Viewport
    ref={ref}
    className={cn(
      "fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]",
      className
    )}
    {...props}
  />
))