Woodlands.co.uk Component Library

Form Fields: Select

Form Checkbox

<div class="form__field">
    <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">Delectus Numquam Quam</option>
        <option value="1">Nisi Alias Harum</option>
        <option value="2">Illo Quae Beatae</option>
        <option value="3">Repudiandae Iure Repellendus</option>
        <option value="4">Et Qui Veniam</option>
        <option value="5">Eaque Aut Commodi</option>
    </select>
</div>
 
<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>