<!-- Text -->
<div class="form__field form__field--stacked">
<label for="form__example__field" class="form__label"><span>Text Field</span></label>
<input type="text" class="form-input" id="form__example__field" name="example-field" placeholder="Placeholder" />
</div>
<!-- Password -->
<div class="form__field form__field--stacked">
<label for="form__example__field--password" class="form__label"><span>Password Field</span></label>
<input type="password" class="form-input" id="form__example__field--password" name="example-field--password" placeholder="Placeholder" />
</div>
<!-- Number -->
<div class="form__field form__field--stacked">
<label for="form__example__field--number" class="form__label"><span>Number Field</span></label>
<input type="number" class="form-input" id="form__example__field--number" name="example-field--number" placeholder="Placeholder" />
</div>
<!-- Select -->
<div class="form__field form__field--stacked">
<label for="form__example__field--select" class="form__label"><span>Select Field</span></label>
<select class="form-select" id="form__example__field--select" name="example-field--select">
<option value="0">Sit Amet Sit</option>
<option value="1">Quasi Aliquid Ducimus</option>
<option value="2">Quasi Quo Fugit</option>
<option value="3">Quia Aut Accusamus</option>
<option value="4">Perferendis Qui Assumenda</option>
<option value="5">Assumenda Blanditiis Et</option>
</select>
</div>
<!-- Text -->
<div class="{{modifier 'form__field' modifiers}}">
<label for="{{ id }}" class="form__label"><span>{{ titlecase label }}</span></label>
<input type="{{ type }}" class="form-input" id="{{ id }}" name="{{ name }}" placeholder="{{ placeholder }}" />
</div>
<!-- Password -->
<div class="{{modifier 'form__field' modifiers}}">
<label for="{{ id }}" class="form__label"><span>{{ titlecase label }}</span></label>
<input type="{{ type }}" class="form-input" id="{{ id }}" name="{{ name }}" placeholder="{{ placeholder }}" />
</div>
<!-- Number -->
<div class="{{modifier 'form__field' modifiers}}">
<label for="{{ id }}" class="form__label"><span>{{ titlecase label }}</span></label>
<input type="{{ type }}" class="form-input" id="{{ id }}" name="{{ name }}" placeholder="{{ placeholder }}" />
</div>
<!-- Select -->
<div class="{{modifier 'form__field' modifiers}}">
<label for="{{ id }}" class="form__label"><span>{{ titlecase label }}</span></label>
<select class="form-select" id="{{ id }}" name="{{ name }}">
{{#each options}}
<option value="{{ value }}">{{ titlecase text }}</option>
{{/each}}
</select>
</div>