Button

The button component (.btn) is FlickUI's core clickable-action element, used for form submissions, triggering overlays (modals, drawers, dropdowns), and general in-page actions. It renders on any <button> or <a> element and styles itself entirely through modifier classes — a button's color intent, style (filled, outline, or text), and size are each controlled by an independent class, so they can be combined freely.

<button type="button" class="btn btn-primary toggle-target" aria-controls="hello">
  <span class="btn-leading" aria-hidden="true">+</span>
  <span class="btn-label">New item</span>
</button>