Callout
A tinted note stating the state of something in place: a health check, a warning above a form. Each tone brings its own icon, so meaning never rests on colour alone.
DNS verified
Mail from this domain is signed and will land in inboxes.
DNS isn't verified
Pending
Add the TXT record below, then check again. Changes can take an hour to spread.
Webhook failing
12 errors
The last delivery returned 500. We'll retry for another 24 hours.
How scopes work
A scope limits what a token can do.
<div class="grid gap-3">
<%= callout "DNS verified", tone: :good do %>
Mail from this domain is signed and will land in inboxes.
<% end %>
<%= callout "DNS isn't verified", tone: :warn, badge: "Pending" do %>
Add the TXT record below, then check again. Changes can take an hour to spread.
<% end %>
<%= callout "Webhook failing", tone: :bad, badge: "12 errors" do %>
The last delivery returned 500. We'll retry for another 24 hours.
<% end %>
<%= callout "How scopes work", tone: :info do %>
A scope limits what a token can do.
<% end %>
</div>Neutral
A neutral callout has no icon; icon: false drops it from the other tones too.
Heads up
Exports run overnight, so today's changes show up tomorrow.
<%= callout "Heads up" do %>
Exports run overnight, so today's changes show up tomorrow.
<% end %>