Alert

Persistent status banner for outcomes the user must see. danger announces assertively (role=alert).

Previewlive — edit controls below

Payment failed

Update the card on file to retry the charge.

Content

Message

title

Appearance

variant

Payment failed

import { Alert, Button } from "@loom/muslin-react";

<Alert variant="danger" title="Payment failed">
  Update the card on file to retry the charge.
</Alert>

Info with context

import { Alert } from "@loom/muslin-react";

<Alert title="Drafts expire in 7 days">Review and send them before Friday.</Alert>