<!-- 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
}
No notes defined.