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&#x27;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&#x27;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>