TRA SummitDesign System

Alert

Inline callouts for payment statuses, settlement notices, and account warnings.

Variants

<Alert variant="success">
  <AlertTitle>Payment settled</AlertTitle>
  <AlertDescription>
    Transaction #48213 for $329.00 settled to your operating account.
  </AlertDescription>
</Alert>

<Alert variant="danger">
  <AlertTitle>Payment failed</AlertTitle>
  <AlertDescription>
    ACH draft for $189.00 was returned (R01 insufficient funds).
  </AlertDescription>
</Alert>

Without icon

<Alert variant="info" icon={null}>
  <AlertTitle>Maintenance window</AlertTitle>
  <AlertDescription>The payments API will be read-only Sunday 2–4 AM ET.</AlertDescription>
</Alert>

Description only

<Alert variant="warning">
  <AlertDescription>3 memberships have dues more than 30 days past due.</AlertDescription>
</Alert>