AlertActionExample() — ui Function Reference

Architecture documentation for the AlertActionExample() function in alert-action.tsx from the ui codebase.

Function tsx DocumentationAtlas SearchAPI

Entity Profile

DocumentationAtlas→ SearchAPI→ AlertActionExample() — ui Function Reference

Dependency Diagram

graph TD
  cbc95c0d_dca2_aeea_c8e2_c475889d9cde["AlertActionExample()"]
  9d99c8f3_6000_1e66_f41a_1f293b1a18b3["alert-action.tsx"]
  cbc95c0d_dca2_aeea_c8e2_c475889d9cde -->|defined in| 9d99c8f3_6000_1e66_f41a_1f293b1a18b3
  style cbc95c0d_dca2_aeea_c8e2_c475889d9cde fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/examples/radix/alert-action.tsx lines 9–23

export default function AlertActionExample() {
  return (
    <Alert className="max-w-md">
      <AlertTitle>Dark mode is now available</AlertTitle>
      <AlertDescription>
        Enable it under your profile settings to get started.
      </AlertDescription>
      <AlertAction>
        <Button size="xs" variant="default">
          Enable
        </Button>
      </AlertAction>
    </Alert>
  )
}