ToastClose() — ui Function Reference

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

Function tsx ComponentRegistry ChartRegistry

Entity Profile

ComponentRegistry→ ChartRegistry→ ToastClose() — ui Function Reference

Dependency Diagram

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

Relationship Graph

Source Code

deprecated/www/registry/default/ui/toast.tsx lines 76–88

>(({ className, ...props }, ref) => (
  <ToastPrimitives.Close
    ref={ref}
    className={cn(
      "absolute right-2 top-2 rounded-md p-1 text-foreground/50 opacity-0 transition-opacity hover:text-foreground focus:opacity-100 focus:outline-none focus:ring-2 group-hover:opacity-100 group-[.destructive]:text-red-300 group-[.destructive]:hover:text-red-50 group-[.destructive]:focus:ring-red-400 group-[.destructive]:focus:ring-offset-red-600",
      className
    )}
    toast-close=""
    {...props}
  >
    <X className="h-4 w-4" />
  </ToastPrimitives.Close>
))