Alert() — ui Function Reference

Architecture documentation for the Alert() function in alert.tsx from the ui codebase.

Function tsx ComponentRegistry UIPrimitives

Entity Profile

ComponentRegistry→ UIPrimitives→ Alert() — ui Function Reference

Dependency Diagram

graph TD
  de07664d_31e1_62a6_0c15_4163abf20e9f["Alert()"]
  882d063f_ec0f_15f1_59cb_55ab81cfb9ec["alert.tsx"]
  de07664d_31e1_62a6_0c15_4163abf20e9f -->|defined in| 882d063f_ec0f_15f1_59cb_55ab81cfb9ec
  style de07664d_31e1_62a6_0c15_4163abf20e9f fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/registry/bases/base/ui/alert.tsx lines 18–31

function Alert({
  className,
  variant,
  ...props
}: React.ComponentProps<"div"> & VariantProps<typeof alertVariants>) {
  return (
    <div
      data-slot="alert"
      role="alert"
      className={cn(alertVariants({ variant }), className)}
      {...props}
    />
  )
}