Founding price: $35, then $79.99 after 23:59 UTC on 4 November, then $79.99
Get ProA persistent message card with an icon, title, description, up to two actions and a dismiss button, for things that need attention but not a decision.
Derived from this item’s props table, because it declares no controls of its own. Changes drive the preview live.
It builds on the button component, which the CLI installs for you.
import { Flag } from "@/components/ui/flag"<Flag
appearance="error"
title="Sync failed"
description="We could not reach the billing service."
actions={[
{ content: "Retry", onClick: retry },
{ content: "View log", href: "/log" },
]}
onDismiss={dismiss}
/>| Prop | Type | Default | Description |
|---|---|---|---|
appearance | "normal" | "info" | "success" | "warning" | "error" | "normal" | Icon and tone. |
title | ReactNode | - | Headline. |
description | ReactNode | - | Detail. |
actions | { content, onClick?, href? }[] | [] | At most two. |
onDismiss | () => void | - | Shows the dismiss button. |
icon | ReactNode | - | Replaces the icon. |
Role: alert/status.