View Source
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> |