← Specimen

BUTTONS

Buttons/Text

Variants

<button class="btn-primary">Primary</button>
<button class="btn-primary white">Primary</button>
<button class="btn-secondary">Secondary</button>
<button class="btn-outline">Outline</button>

Sizes

<button class="btn-primary">Primary</button>
<button class="btn-primary white">Primary</button>
<button class="btn-secondary">Secondary</button>
<button class="btn-outline">Outline</button>

Buttons/Icon-only

Square Buttons

<button class="btn btn-square">ICON</button>
<button class="btn btn-square white">ICON</button>
<button disabled class="btn btn-square">ICON</button>
<button disabled class="btn btn-square white">ICON</button>

Circle Buttons

<button class="btn btn-circle">ICON</button>
<button class="btn btn-circle white">ICON</button>
<button disabled class="btn btn-circle">ICON</button>
<button disabled class="btn btn-circle white">ICON</button>