Allows users to take action, such as submitting a form or dismissing a message.
Where multiple buttons are presented together, this is the default action when submitting the form.
Provides a second line of text to explain the action the button takes.
Similar to the Command variant, but with a larger size to draw attention to important actions.
State | Applied to | Result |
---|---|---|
.is-disabled |
.ms-Button |
When using an <a> element, apply this class to disable the button. When using a <button> , the disabled attribute can be used instead. |
<head>
<link rel="stylesheet" href="fabric.min.css">
<link rel="stylesheet" href="fabric.components.min.css">
</head>
<button class="ms-Button">
<span class="ms-Button-label">Create account</span>
</button>
.ms-Button-label
) with your content.This component has no dependencies.
Focus styles are included for keyboard navigation.