Callouts
Notes that stand out in long text
Tip
Tip
Hold Shift to select several rows at once.
Code
<div class="callout info">
<span class="icon-tile info"><svg class="icon" viewBox="0 0 24 24" aria-hidden="true">…</svg></span><div><b>Tip</b><p>Hold Shift to select several rows at once.</p></div>
</div>Good to know
Good to know
Every change is saved as you type.
Code
<div class="callout success">
<span class="icon-tile success"><svg class="icon" viewBox="0 0 24 24" aria-hidden="true">…</svg></span><div><b>Good to know</b><p>Every change is saved as you type.</p></div>
</div>Careful
Careful
Changing the currency resets your reports.
Code
<div class="callout warning">
<span class="icon-tile warning"><svg class="icon" viewBox="0 0 24 24" aria-hidden="true">…</svg></span><div><b>Careful</b><p>Changing the currency resets your reports.</p></div>
</div>Danger
Danger
Deleting a workspace cannot be undone.
Code
<div class="callout danger">
<span class="icon-tile danger"><svg class="icon" viewBox="0 0 24 24" aria-hidden="true">…</svg></span><div><b>Danger</b><p>Deleting a workspace cannot be undone.</p></div>
</div>