Inline alert card — a bordered surface with a circular icon, title,
optional subtitle, optional monospace detail block, and an
optional action row.
Three variants tint the icon background + title color: danger
(red) for blocking errors, warn (amber) for recoverable issues,
info (accent) for neutral status. A compact flag shrinks the
padding + icon for use as a banner near a dropzone.
Consumers control the action row content (buttons / link-btns) by
passing a node into actions — keeps the primitive layout-agnostic.
Inline alert card — a bordered surface with a circular icon, title, optional subtitle, optional monospace
detailblock, and an optional action row.Three variants tint the icon background + title color:
danger(red) for blocking errors,warn(amber) for recoverable issues,info(accent) for neutral status. Acompactflag shrinks the padding + icon for use as a banner near a dropzone.Consumers control the action row content (buttons / link-btns) by passing a node into
actions— keeps the primitive layout-agnostic.