Check with your designers to help you design this section
Check with your designers to help you design this section
Please note that now all buttons will support the .btn classes, as well as
.button. This is done deliberately to support products already using bootstrap.
<button class="button button-default">Default</button>
<button class="button button-default">Stretches with really long button text</button>
<button class="button button-default button-block">Expands to fill container</button>
<button class="button button-default button-sm">Smaller</button>
<button class="button button-default button-sm">
Stretches with really long button text
</button>
<button class="button button-default button-block button-sm">
Expands to fill container
</button>
<button class="button button-primary">Primary</button>
<button class="button button-primary">
Stretches with really long button text
</button>
<button class="button button-primary button-block">
Expands to fill container
</button>
<button class="button button-primary button-sm">
Micro
</button>
<button class="button button-primary button-sm">
Stretches with really long button text
</button>
<button class="button button-primary button-block button-sm">
Expands to fill container
</button>
<button class="button button-primary button-outline">Outline</button>
<button class="button button-primary button-outline">
Stretches with really long button text
</button>
<button class="button button-primary button-block button-outline">
Expands to fill container
</button>
<button class="button button-primary" disabled>Primary</button>
<button class="button button-primary disabled">
Stretches with really long button text
</button>
<button class="button button-primary button-block disabled">
Expands to fill container
</button>
<button class="button button-accent button-sm disabled">
Micro
</button>
<button class="button button-accent button-sm disabled">
Stretches with really long button text
</button>
<button class="button button-accent button-block button-sm disabled">
Expands to fill container
</button>
<button class="button button-primary button-outline" disabled>Outline</button>
<button class="button button-primary button-outline disabled">
Stretches with really long button text
</button>
<button class="button button-primary button-block button-outline disabled">
Expands to fill container
</button>
<button class="button button-accent button-outline button-sm disabled">
Micro
</button>
<button class="button button-accent button-outline button-sm disabled">
Stretches with really long button text
</button>
<button class="button button-accent button-block button-outline button-sm disabled">
Expands to fill container
</button>