@hydrogen-design-system/system
Version:
Hydrogen's full design system and component library.
17 lines • 471 B
HTML
<div data-h2-alert-wrapper="toast">
<!-- Alerts can be stacked here. -->
<div
aria-hidden="false"
data-h2-alert="theme-1"
role="alert">
<!-- Alert Content -->
<div data-h2-alert-content>
<!-- Optional Dismissal Trigger -->
<button data-h2-alert-dismissal-trigger>
<span>x</span>
</button>
<p data-h2-alert-title><span>(!)</span>Alert Title</p>
<p>Alert Content</p>
</div>
</div>
</div>