Callout() — ui Function Reference

Architecture documentation for the Callout() function in callout.tsx from the ui codebase.

Function tsx ComponentRegistry UIPrimitives

Entity Profile

ComponentRegistry→ UIPrimitives→ Callout() — ui Function Reference

Dependency Diagram

graph TD
  f7bc6640_a632_8f76_da97_9d8e834d2290["Callout()"]
  898cf725_749c_1700_2d3a_596353b34523["callout.tsx"]
  f7bc6640_a632_8f76_da97_9d8e834d2290 -->|defined in| 898cf725_749c_1700_2d3a_596353b34523
  style f7bc6640_a632_8f76_da97_9d8e834d2290 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

deprecated/www/components/callout.tsx lines 8–22

export function Callout({
  title,
  children,
  icon,
  className,
  ...props
}: React.ComponentProps<typeof Alert> & { icon?: string }) {
  return (
    <Alert className={cn("bg-muted/50", className)} {...props}>
      {icon && <span className="mr-4 text-2xl">{icon}</span>}
      {title && <AlertTitle>{title}</AlertTitle>}
      <AlertDescription>{children}</AlertDescription>
    </Alert>
  )
}