Dropdowns

Standard Dropdown

{{ dropdown_1.selection }}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<div ng-init="dropdown_1 = { selection: null }">
  <dropdown label="Shirt Size" ng-class="{ 'dropdown--has-content': !!dropdown_1.selection }"><dropdown-anchor>{{ dropdown_1.selection }} </dropdown-anchor><dropdown-body>
      <form class="u-padding-top-4 u-padding-right-4 u-padding-bottom-4 u-padding-left-4 u-space-bottom-n3">
        <div class="form-field">
          <input id="dropdown_1_XS" name="dropdown_1" ng-model="dropdown_1.selection" type="radio" value="XS" /><label class="u-block" for="dropdown_1_XS">XS</label>
        </div>
        <div class="form-field">
          <input id="dropdown_1_S" name="dropdown_1" ng-model="dropdown_1.selection" type="radio" value="S" /><label class="u-block" for="dropdown_1_S">S</label>
        </div>
        <div class="form-field">
          <input id="dropdown_1_M" name="dropdown_1" ng-model="dropdown_1.selection" type="radio" value="M" /><label class="u-block" for="dropdown_1_M">M</label>
        </div>
        <div class="form-field">
          <input id="dropdown_1_L" name="dropdown_1" ng-model="dropdown_1.selection" type="radio" value="L" /><label class="u-block" for="dropdown_1_L">L</label>
        </div>
        <div class="form-field">
          <input id="dropdown_1_XL" name="dropdown_1" ng-model="dropdown_1.selection" type="radio" value="XL" /><label class="u-block" for="dropdown_1_XL">XL</label>
        </div>
        <div class="form-field">
          <input id="dropdown_1_XXL" name="dropdown_1" ng-model="dropdown_1.selection" type="radio" value="XXL" /><label class="u-block" for="dropdown_1_XXL">XXL</label>
        </div>
      </form>
    </dropdown-body></dropdown>
</div>