@ulu/frontend/lib/scss/components/_tagged.demo.html

A framework-agnostic frontend toolkit providing a modular, tree-shakable library of accessible components and utilities. Designed for seamless integration, it features a highly configurable SCSS system for any environment and vanilla JavaScript modules op

<!-- @ulu-demo
  title: Tagged Icon Button
  description: Positioning a notification counter tag over an icon button.
-->
<button class="button button--icon tagged">
  <span class="button__icon" aria-hidden="true">🔔</span>
  <span class="tagged__tag tag tag--danger tag--small tag--counter">3</span>
</button>

<!-- @ulu-demo
  title: Tagged Text Button
  description: Positioning a tag over a standard text-based button.
-->
<button class="button tagged">
  <span>Messages</span>
  <span class="tagged__tag tag tag--danger tag--small tag--counter">12</span>
</button>