@ulu/frontend/lib/scss/components/_button.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: Primary Button
  description: The default button style for main actions.
  wrapperClass: demo-theme-box demo-width-small 
-->
<button class="button">Primary Button</button>

<!-- @ulu-demo
  title: Secondary Button
  description: An alternative style for less important actions.
-->
<button class="button button--secondary">Secondary Button</button>

<!-- @ulu-demo
  title: Small Button
  description: A smaller button variant.
-->
<button class="button button--small">Small Button</button>

<!-- @ulu-demo
  title: Large Button
  description: A larger button variant.
-->
<button class="button button--large">Large Button</button>

<!-- @ulu-demo
  title: Left Aligned Button
  description: A button with its content aligned to the left, useful when the button spans a larger width.
-->
<button class="button button--left" style="width: 100%;">Left Aligned</button>