source/_patterns/00-atoms/15-form-fields/01-text-input.mustache

+<input type="text" class="text-input form-field__control {{ classes }}" value="" placeholder="{{ placeholder }}{{^ placeholder }}{{ form.placeholder }}{{/ placeholder }}" {{# disabled }}disabled{{/ disabled }} {{# readonly }}readonly{{/ readonly }} />

source/_patterns/00-atoms/15-form-fields/02-disabled-text-input.mustache

+{{> atoms-text-input(disabled: true) }}

source/_patterns/00-atoms/15-form-fields/03-read-only-text-input.mustache

+{{> atoms-text-input(readonly: true) }}

source/_patterns/00-atoms/15-form-fields/04-text-input-addon.mustache

+<div class="text-input-addon {{ classes }}"><i class="ico--pirati"></i></div>

source/_patterns/00-atoms/15-form-fields/05-select.mustache

+<div class="select">
+  <select class="select__control form-field__control {{ classes }}" value="" {{# disabled }}disabled{{/ disabled }} {{# readonly }}readonly{{/ readonly }}>
+    <option>Option 1</option>
+    <option>Option 2</option>
+    <option>Option 3</option>
+    <option>Option 4</option>
+  </select>
+</div>

source/_patterns/00-atoms/15-form-fields/06-disabled-select.mustache

+{{> atoms-select(disabled: true) }}

source/_patterns/00-atoms/15-form-fields/07-readonly-select.mustache

+{{> atoms-select(readonly: true) }}

source/_patterns/00-atoms/15-form-fields/08-checkbox.mustache

+<div class="checkbox form-field__control">
+  <input type="checkbox" id="checkbox_1" {{# disabled }}disabled{{/ disabled }} {{# readonly }}readonly{{/ readonly }}>
+  <label for="checkbox_1">{{ excerpt.short }}</label>
+</div>

source/_patterns/00-atoms/15-form-fields/09-disabled-checkbox.mustache

+{{> atoms-checkbox(disabled: true) }}

source/_patterns/00-atoms/15-form-fields/10-radio.mustache

+<div class="radio form-field__control">
+  <label>
+    <input type="radio" name="radio" {{# disabled }}disabled{{/ disabled }}>
+    <span>Option</span>
+  </label>
+</div>

source/_patterns/00-atoms/15-form-fields/11-disabled-radio.mustache

+{{> atoms-radio(disabled: true) }}

source/_patterns/00-atoms/15-form-fields/12-password-input.mustache

+<input type="password" class="text-input text-input--password form-field__control" value="" placeholder="{{ placeholder }}{{^ placeholder }}* * * * * * *{{/ placeholder }}" />