@ulu/frontend/lib/scss/components/_tag.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: Basic Tag
  description: A small label for categorization or status identification.
-->
<span class="tag">Standard Tag</span>
<span class="tag tag--outline">Outline Tag</span>

<!-- @ulu-demo
  title: Semantic Status Tags
  description: Using status modifiers like `tag--success` and `tag--danger`.
-->
<span class="tag tag--success">Verified</span>
<span class="tag tag--danger">Action Required</span>

<!-- @ulu-demo
  title: Counter Tag
  description: Using the `tag--counter` modifier to display numerical values, often for notifications or counts.
-->
<span class="tag tag--counter">5</span>
<span class="tag tag--small tag--counter">124</span>