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
  83992af0_9c24_3e3a_2106_943123677040["AlertColors()"]
  f754a0f0_40d8_8029_2a4a_e562d433856a["alert-colors.tsx"]
  83992af0_9c24_3e3a_2106_943123677040 -->|defined in| f754a0f0_40d8_8029_2a4a_e562d433856a
  style 83992af0_9c24_3e3a_2106_943123677040 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/examples/base/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>
  )
}