<!-- Primary -->
<button type="button" class="btn btn-primary btn-block btn-lg">Primary large block level</button>

<!-- Primary Medium -->
<button type="button" class="btn btn-primary btn-block">Primary medium block level</button>

<!-- Secondary -->
<button type="button" class="btn btn-secondary btn-block btn-lg">Secondary large block level</button>

<!-- Secondary Medium -->
<button type="button" class="btn btn-secondary btn-block">Secondary medium block level</button>

<!-- Primary Outline -->
<button type="button" class="btn btn-outline-primary btn-block btn-lg">Primary large block level</button>

<!-- Primary Medium Outline -->
<button type="button" class="btn btn-outline-primary btn-block">Primary medium block level</button>

<!-- Secondary Outline -->
<button type="button" class="btn btn-outline-secondary btn-block btn-lg">Secondary large block level</button>

<!-- Secondary Medium Outline -->
<button type="button" class="btn btn-outline-secondary btn-block">Secondary medium block level</button>

<button type="button" class="btn {{ class }}">{{ text }}</button>
/* Primary */
{
  "class": "btn-primary btn-block btn-lg",
  "text": "Primary large block level",
  "desc": "Used for primary actions."
}

/* Primary Medium */
{
  "class": "btn-primary btn-block",
  "text": "Primary medium block level",
  "desc": null
}

/* Secondary */
{
  "class": "btn-secondary btn-block btn-lg",
  "text": "Secondary large block level",
  "desc": "Used for secondary actions."
}

/* Secondary Medium */
{
  "class": "btn-secondary btn-block",
  "text": "Secondary medium block level",
  "desc": null
}

/* Primary Outline */
{
  "class": "btn-outline-primary btn-block btn-lg",
  "text": "Primary large block level",
  "desc": "Used for primary actions."
}

/* Primary Medium Outline */
{
  "class": "btn-outline-primary btn-block",
  "text": "Primary medium block level",
  "desc": null
}

/* Secondary Outline */
{
  "class": "btn-outline-secondary btn-block btn-lg",
  "text": "Secondary large block level",
  "desc": "Used for secondary actions."
}

/* Secondary Medium Outline */
{
  "class": "btn-outline-secondary btn-block",
  "text": "Secondary medium block level",
  "desc": null
}

There are no notes for this item.