Copy environment

Form 

    <form action="/">
        <div class="grid">
            <div class="grid__col grid__col--xs-12">

                <div class="textfield">
                    <label class="textfield__label  " for="name-1">
                        Nimi
                    </label>
                    <div class="textfield__inner">
                        <input class="textfield__input" type="text" id="name-1" name="name-1">
                    </div>
                </div>
            </div>
            <div class="grid__col grid__col--xs-12">

                <div class="textfield">
                    <label class="textfield__label  " for="name-2">
                        Nimi
                    </label>
                    <div class="textfield__inner">
                        <input class="textfield__input" type="text" id="name-2" name="name-2">
                    </div>
                </div>
            </div>
            <div class="grid__col grid__col--xs-12">

                <div class="textfield">
                    <label class="textfield__label  " for="name-3">
                        Nimi
                    </label>
                    <div class="textfield__inner">
                        <input class="textfield__input" type="text" id="name-3" name="name-3">
                    </div>
                </div>
            </div>
            <div class="grid__col grid__col--xs-12">

                <div class="textfield">
                    <label class="textfield__label  " for="name-4">
                        Nimi
                    </label>
                    <div class="textfield__inner">
                        <input class="textfield__input" type="text" id="name-4" name="name-4">
                    </div>
                </div>
            </div>
        </div>

        <button type="submit" class="button">
            <span class="button__inner">
                <span class="button__text">Submit</span>
            </span>
        </button>
    </form>
 
{% set defaultForm %}
    <form action="/">
        <div class="grid">
            <div class="grid__col grid__col--xs-12">
                {% include '@textfield' with { data: { label: 'Nimi', id: 'name-1', name: 'name-1' } } %}
            </div>
            <div class="grid__col grid__col--xs-12">
                {% include '@textfield' with { data: { label: 'Nimi', id: 'name-2', name: 'name-2' } } %}
            </div>
            <div class="grid__col grid__col--xs-12">
                {% include '@textfield' with { data: { label: 'Nimi', id: 'name-3', name: 'name-3' } } %}
            </div>
            <div class="grid__col grid__col--xs-12">
                {% include '@textfield' with { data: { label: 'Nimi', id: 'name-4', name: 'name-4' } } %}
            </div>
        </div>
        {% include '@button' with { data: { text: 'Submit' }, type: 'submit' } %}
    </form>
{% endset %}
{{ form|default(defaultForm) }}

{
  "language": "en-US"
}
  • Handle: @form--default
  • Filesystem Path: src/patterns/modules/form/form.twig
  • References (2): @textfield, @button