Allows selection from one or more options.
Used to indicate a simple yes or no choice, typically as part of a form.
Used to indicate a single choice from multiple options.
State | Applied to | Result |
---|---|---|
disabled attribute |
.ms-ChoiceField-input |
Disables the input. |
checked attribute |
.ms-ChoiceField-input |
Fills in the checkbox or radio button. |
<head>
<link rel="stylesheet" href="fabric.min.css">
<link rel="stylesheet" href="fabric.components.min.css">
</head>
<div class="ms-ChoiceField">
<input id="demo-radio-unselected" class="ms-ChoiceField-input" type="radio">
<label for="demo-radio-unselected" class="ms-ChoiceField-field">
<span class="ms-Label">Unselected</span>
</label>
</div>
.ms-Label
) with your content.This component uses a Label to label each checkbox, radio button, and group.
Focus styles are included for these fields. Ensure that you use descriptive labels.