<!-- 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"
}

There are no notes for this item.