AnomalyAlert() — ui Function Reference

Architecture documentation for the AnomalyAlert() function in vercel.tsx from the ui codebase.

Function tsx ComponentRegistry UIPrimitives

Entity Profile

ComponentRegistry→ UIPrimitives→ AnomalyAlert() — ui Function Reference

Dependency Diagram

graph TD
  720d3793_fe30_6466_ae55_de81b33ebe43["AnomalyAlert()"]
  57afcab1_fc30_7f69_ecf5_50ea8da6ba44["vercel.tsx"]
  720d3793_fe30_6466_ae55_de81b33ebe43 -->|defined in| 57afcab1_fc30_7f69_ecf5_50ea8da6ba44
  style 720d3793_fe30_6466_ae55_de81b33ebe43 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/registry/bases/base/blocks/vercel.tsx lines 190–214

function AnomalyAlert() {
  return (
    <Example
      title="Anomaly Alert"
      className="aspect-square items-center justify-center"
    >
      <Card className="w-full max-w-xs">
        <CardContent className="p-6">
          <Empty className="mx-auto p-0">
            <EmptyHeader>
              <EmptyTitle>Get alerted for anomalies</EmptyTitle>
              <EmptyDescription>
                Automatically monitor your projects for anomalies and get
                notified.
              </EmptyDescription>
            </EmptyHeader>
            <EmptyContent>
              <Button>Upgrade to Observability Plus</Button>
            </EmptyContent>
          </Empty>
        </CardContent>
      </Card>
    </Example>
  )
}