Skip to main content

​
Overview

Components currently focus on the bundled preset buttons that ship with the plugin.

Button

Pre-styled action buttons with semantic colors and separate size classes

​
Quick Start

<button class="btn-primary">
  Primary Button
</button>
<button class="btn-success btn-md">
  Success (md)
</button>
<button class="btn-error btn-xs">
  Error (xs)
</button>

​
What Ships

  • Colors: .btn-primary, .btn-secondary, .btn-neutral, .btn-success, .btn-warning, .btn-error
  • Sizes (combine with a color class): .btn-xs, .btn-sm, .btn-md, .btn-lg, .btn-xl
Use utility classes on top when you need layout, spacing, or typography adjustments around the preset.

Colors

Color utilities that pair cleanly with button presets

Spacing

Margin and padding helpers around calls to action

Typography

Text sizing and tracking for button labels