Popover
A small overlay of supplementary content, built on the Popover API.
The state sets the $10 vital-records fee; the town keeps none of it.
Show the markup
<button class="cc-button cc-button--secondary" type="button" popovertarget="ex-popover">What's this fee?</button>
<div class="cc-popover" id="ex-popover" popover>
<p class="cc-paragraph cc-paragraph--sm">The state sets the $10 vital-records fee; the town keeps none of it.</p>
</div>Accessibility
- The native Popover API handles Esc-dismissal and light-dismiss (1.4.13's dismissable requirement).
- Triggered by click/keyboard — not hover; for hover hints use Tooltip.
- Keep it supplementary. Anything essential belongs in the page.