Founding price: $35, then $79.99 after 23:59 UTC on 4 November, then $79.99
Get ProA status-page style banner for a live incident with the severity written out, a title, a newest-first update timeline and one action.
Derived from this item’s props table, because it declares no controls of its own. Changes drive the preview live.
import { IncidentBanner } from "@/components/ui/incident-banner"<IncidentBanner
severity="investigating"
title="Dashboards load slowly"
updates={[
{ time: "14:20 UTC", stage: "Identified", message: "Rolling back." },
]}
action={<a href="/status">Status page</a>}
/>| Prop | Type | Default | Description |
|---|---|---|---|
severity | "investigating" | "outage" | "maintenance" | "resolved" | - | Colour, icon and wording. |
title | ReactNode | - | What is happening. |
updates | { time, stage, message }[] | [] | Newest first. |
action | ReactNode | - | A link or button. |
Role: alert.