BAGS — Design System

Button sizes 

<!-- Large -->
<button type="button" class="btn btn-primary btn-lg">Large button</button>


<!-- Normal -->
<button type="button" class="btn btn-primary">Normal button</button>


<!-- Small -->
<button type="button" class="btn btn-primary btn-sm">Small button</button>


<!-- Large Block -->
<button type="button" class="btn btn-primary btn-lg btn-block">Large block level button</button>


<button type="button" class="btn {{ class }}">{{ text }}</button>
 
/* Large */
{
  "class": "btn-primary btn-lg",
  "text": "Large button"
}


/* Normal */
{
  "class": "btn-primary",
  "text": "Normal button"
}


/* Small */
{
  "class": "btn-primary btn-sm",
  "text": "Small button"
}


/* Large Block */
{
  "class": "btn-primary btn-lg btn-block",
  "text": "Large block level button"
}

No notes defined.