Copy environment

Repeater

<div class="repeater  gfield_repeater_wrapper" data-max-items="999">
    <fieldset class="repeater__inner ">
        <legend class="repeater__label">Isikute nimekiri</legend>
        <div class="repeater__items ">
            <div class="repeater__item ">
                <div class="repeater__column ">

                    <div class="textfield repeater__field ">
                        <label class="textfield__label " for="person-0-first-name">
        Eesnimi
    </label>
                        <div class="textfield__inner">
                            <input class="textfield__input" type="textfield" id="person-0-first-name" name="person[0][first-name]" value="" placeholder="">
                        </div>
                    </div>
                </div>
                <div class="repeater__column ">

                    <div class="textfield repeater__field ">
                        <label class="textfield__label " for="person-0-last-name">
        Perekonnanimi
    </label>
                        <div class="textfield__inner">
                            <input class="textfield__input" type="textfield" id="person-0-last-name" name="person[0][last-name]" value="" placeholder="">
                        </div>
                    </div>
                </div>
                <div class="repeater__column ">

                    <div class="textfield repeater__field ">
                        <label class="textfield__label " for="person-0-id-code">
        Isikukood
    </label>
                        <div class="textfield__inner">
                            <input class="textfield__input" type="textfield" id="person-0-id-code" name="person[0][id-code]" value="" placeholder="">
                        </div>
                    </div>
                </div>
                <div class="repeater__buttons ">
                    <button type="button" class="button button--read repeater__add">
                    <span class="button__text">Lisa järgmine isik</span>
                    </button>
                </div>
            </div>
            <div class="repeater__item ">
                <div class="repeater__column ">

                    <div class="textfield repeater__field ">
                        <label class="textfield__label " for="person-1-first-name">
        Eesnimi
    </label>
                        <div class="textfield__inner">
                            <input class="textfield__input" type="textfield" id="person-1-first-name" name="person[1][first-name]" value="" placeholder="">
                        </div>
                    </div>
                </div>
                <div class="repeater__column ">

                    <div class="textfield repeater__field ">
                        <label class="textfield__label " for="person-1-last-name">
        Perekonnanimi
    </label>
                        <div class="textfield__inner">
                            <input class="textfield__input" type="textfield" id="person-1-last-name" name="person[1][last-name]" value="" placeholder="">
                        </div>
                    </div>
                </div>
                <div class="repeater__column ">

                    <div class="textfield repeater__field ">
                        <label class="textfield__label " for="person-1-id-code">
        Isikukood
    </label>
                        <div class="textfield__inner">
                            <input class="textfield__input" type="textfield" id="person-1-id-code" name="person[1][id-code]" value="" placeholder="">
                        </div>
                    </div>
                </div>
                <div class="repeater__buttons ">
                    <button type="button" class="button button--read repeater__add">
                    <span class="button__text">Lisa järgmine isik</span>
                    </button>
                </div>
            </div>
        </div>
    </fieldset>
</div>
{
  "language": "en-US",
  "class": "gfield_repeater_wrapper",
  "data": {
    "required": true,
    "label": "Isikute nimekiri",
    "items": [
      {
        "fields": [
          {
            "type": "textfield",
            "id": "person-0-first-name",
            "name": "person[0][first-name]",
            "label": "Eesnimi"
          },
          {
            "type": "textfield",
            "id": "person-0-last-name",
            "name": "person[0][last-name]",
            "label": "Perekonnanimi"
          },
          {
            "type": "textfield",
            "id": "person-0-id-code",
            "name": "person[0][id-code]",
            "label": "Isikukood"
          }
        ],
        "removeButton": {
          "text": "Eemalda isik"
        }
      },
      {
        "fields": [
          {
            "type": "textfield",
            "id": "person-1-first-name",
            "name": "person[1][first-name]",
            "label": "Eesnimi"
          },
          {
            "type": "textfield",
            "id": "person-1-last-name",
            "name": "person[1][last-name]",
            "label": "Perekonnanimi"
          },
          {
            "type": "textfield",
            "id": "person-1-id-code",
            "name": "person[1][id-code]",
            "label": "Isikukood"
          }
        ],
        "removeButton": {
          "text": "Eemalda isik"
        }
      }
    ],
    "addButton": {
      "text": "Lisa järgmine isik"
    }
  }
}
  • Handle: @repeater--default
  • Tags:
  • Preview:
  • Filesystem Path: src/patterns/components/forms/repeater/repeater.twig
  • References (1): @button