btn, btn-neon, btn-glass, btn-brutal, btn-minimal, btn-outline, btn-ghost.

Usage#

html
<button class="btn btn-neon">Action</button>

The classes#

ClassPurpose
btnBase button
btn-neon / btn-glass / btn-brutal / btn-minimalParadigm buttons
btn-outline / btn-ghostSecondary emphasis

Compose with utilities#

html
<div class="flex gap-3">
  <button class="btn btn-neon">Primary</button>
  <button class="btn btn-ghost">Secondary</button>
</div>

Customization#

v1 components are frozen CSS — customize by overriding after the stylesheet, or by redefining the palette variables they consume.

Accessibility#

  • Buttons need visible focus + 3:1 boundary contrast

components/index|Components hub · themes/index|Themes · recipes/index|Recipes