AlertColors() — ui Function Reference

Architecture documentation for the AlertColors() function in alert-colors.tsx from the ui codebase.

Function tsx DocumentationAtlas ContentSourcing

Entity Profile

DocumentationAtlas→ ContentSourcing→ AlertColors() — ui Function Reference

Dependency Diagram

graph TD
  ca61c9f6_0e99_4e91_5665_047c323c44f7["AlertColors()"]
  8aa4efe6_7919_8ea6_a7bb_5db660490eb7["alert-colors.tsx"]
  ca61c9f6_0e99_4e91_5665_047c323c44f7 -->|defined in| 8aa4efe6_7919_8ea6_a7bb_5db660490eb7
  style ca61c9f6_0e99_4e91_5665_047c323c44f7 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/examples/radix/alert-colors.tsx lines 4–15

export default function AlertColors() {
  return (
    <Alert className="max-w-md border-amber-200 bg-amber-50 text-amber-900 dark:border-amber-900 dark:bg-amber-950 dark:text-amber-50">
      <AlertTriangleIcon />
      <AlertTitle>Your subscription will expire in 3 days.</AlertTitle>
      <AlertDescription>
        Renew now to avoid service interruption or upgrade to a paid plan to
        continue using the service.
      </AlertDescription>
    </Alert>
  )
}