Allows for the selection of one option from a list.
State | Applied to | Result |
---|---|---|
.is-disabled |
.ms-Dropdown |
Disables the dropdown. |
<head>
<link rel="stylesheet" href="fabric.min.css">
<link rel="stylesheet" href="fabric.components.min.css">
<script src="jquery-2.2.1.min.js"></script>
<script src="jquery.fabric.min.js"></script>
</head>
<div class="ms-Dropdown" tabindex="0">
<label class="ms-Label">Dropdown label</label>
<i class="ms-Dropdown-caretDown ms-Icon ms-Icon--caretDown"></i>
<select class="ms-Dropdown-select">
<option>Choose a sound…</option>
<option>Dog barking</option>
<option>Wind blowing</option>
<option>Duck quacking</option>
<option>Cow mooing</option>
</select>
</div>
<script>
tag to your page to instantiate all Dropdown components on the page: <script>
$(document).ready(function() {
if ($.fn.Dropdown) {
$('.ms-Dropdown').Dropdown();
}
});
</script>
.ms-Dropdown-select
) with your content.This component has no dependencies.
More details will be added here.