Buttons

Semantic button components with color variants, sizes, and special styles for different actions and contexts.

Button Variants

Semantic color variants for different actions

<button class="antsand-btn antsand-btn-primary">Primary</button>
<button class="antsand-btn antsand-btn-secondary">Secondary</button>
<button class="antsand-btn antsand-btn-success">Success</button>
<button class="antsand-btn antsand-btn-danger">Danger</button>
<button class="antsand-btn antsand-btn-warning">Warning</button>
<button class="antsand-btn antsand-btn-info">Info</button>

Button Sizes

Small, default, and large button sizes

<button class="antsand-btn antsand-btn-primary antsand-btn-sm">Small</button>
<button class="antsand-btn antsand-btn-primary">Default</button>
<button class="antsand-btn antsand-btn-primary antsand-btn-lg">Large</button>

Outline, Block & Pill Buttons

Additional button style variations

<button class="antsand-btn antsand-btn-outline-primary">Outline Primary</button>
<button class="antsand-btn antsand-btn-primary antsand-btn-pill">Pill Shape</button>
<button class="antsand-btn antsand-btn-primary antsand-btn-block">Full Width Block</button>