@ulu/frontend/lib/scss/components/_button-verbose.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: Standard Verbose Button
  description: A button that includes a title and body text, often used for important links or pagination.
-->
<a href="#" class="button-verbose">
  <strong class="button-verbose__title">Primary Action Title</strong>
  <span class="button-verbose__body">Additional descriptive text that explains the consequence of this action.</span>
  <span class="button-verbose__icon" aria-hidden="true">
    <span class="css-icon css-icon--angle-right"></span>
  </span>
</a>

<!-- @ulu-demo
  title: Full Width Verbose Button
  description: The `button-verbose--full-width` modifier makes the button span the entire width of its container.
-->
<a href="#" class="button-verbose button-verbose--full-width">
  <strong class="button-verbose__title">Next Chapter</strong>
  <span class="button-verbose__body">Continue reading about the architecture of the system.</span>
  <span class="button-verbose__icon" aria-hidden="true">
    <span class="css-icon css-icon--angle-right"></span>
  </span>
</a>