Price Tags provide a structured way to present pricing information.
They extend the Bulma button element into multi-line pricing components optimized for catalogs, brochures, menus, and commercial publications.
Price Tags combine:
into a single interactive component.
<!-- Standard price tag -->
<a class="button pricetag">
<span class="multiline-text">
<!-- Label -->
<small>Normal</small>
<!-- Price value -->
<strong>€00<sup>00</sup></strong>
</span>
</a>
MSlide² provides several pricing scales:
Price Tags separate labels from numerical values.
<a
data-preview-link
class="button pricetag">
...
</a>
Price Tags can also act as interactive elements.
<a
data-preview-link
class="button pricetag">
...
</a>
allowing pricing elements to launch embedded experiences or additional information panels.
Price Tags are particularly useful for:
Price Tags are built on top of Bulma button components.
