No notes defined.
<!-- Default -->
<div class="c-formfield">
<label class="c-formfield__label">Field label</label>
<input type="text" value="optional passed context" class="c-textinput">
</div>
<!-- With Select -->
<div class="c-formfield">
<label class="c-formfield__label">Select Field label</label>
<select class="c-select">
<option value="optval1">Option one</option>
<option value="optval2" selected>Option two</option>
<option value="optval3">Option three</option>
<option value="optval4">Option four</option>
</select>
</div>
<!-- With Description -->
<div class="c-formfield">
<label class="c-formfield__label">Field label</label>
<input type="text" value="optional passed context" class="c-textinput">
<div class="c-formfield__description">This field has some useful description text</div>
</div>
<!-- With Error -->
<div class="c-formfield">
<label class="c-formfield__label">Field label</label>
<input type="text" value="optional passed context" class="c-textinput">
<div class="c-formfield__error">That's not an acceptable value</div>
</div>
<!-- With Error And Description -->
<div class="c-formfield">
<label class="c-formfield__label">Field label</label>
<input type="text" value="optional passed context" class="c-textinput">
<div class="c-formfield__description">This field has some useful description text</div>
<div class="c-formfield__error">But it's all gone terribly wrong</div>
</div>
<!-- With Choices -->
<div class="c-formfield">
<label class="c-formfield__label">Field label</label>
<div class="c-choices ">
<div class="c-choice">
<input type="checkbox" id="choice0" class="c-checkbox" name="">
<label for="choice0">The choice thing is useful for when there is a long label, so long the text might possibly wrap.</label>
</div>
<div class="c-choice">
<input type="radio" id="choice1" class="c-radio" name="radiogroupname">
<label for="choice1">It can contain radios or checkboxes</label>
</div>
<div class="c-choice">
<input type="radio" id="choice2" class="c-radio" name="radiogroupname">
<label for="choice2">It can contain radios or checkboxes</label>
</div>
</div>
</div>
<div class="c-formfield">
<label class="c-formfield__label">{{label}}</label>
{{ render (concat '@' fieldtype) fieldContext merge=true }}
{{#if description}}<div class="c-formfield__description">{{description}}</div>{{/if}}
{{#if error}}<div class="c-formfield__error">{{error}}</div>{{/if}}
</div>