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
  4fbaced7_7085_f622_b1dc_b04dadd9fe4c["ToastClose()"]
  ee33c9af_7b06_316e_b378_081a76680fee["toast.tsx"]
  4fbaced7_7085_f622_b1dc_b04dadd9fe4c -->|defined in| ee33c9af_7b06_316e_b378_081a76680fee
  style 4fbaced7_7085_f622_b1dc_b04dadd9fe4c fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

deprecated/www/registry/new-york/ui/toast.tsx lines 76–88

>(({ className, ...props }, ref) => (
  <ToastPrimitives.Close
    ref={ref}
    className={cn(
      "absolute right-1 top-1 rounded-md p-1 text-foreground/50 opacity-0 transition-opacity hover:text-foreground focus:opacity-100 focus:outline-none focus:ring-1 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>
))