<div class="delivery-address">
    <div class="delivery-address__address-form">
        <div class="dynamic-form">
            <fieldset class="dynamic-form__fieldset--full-width">
                <div class="dynamic-form__element">
                    <div class="text-field--light is-initialized">
                        <div class="text-field__wrapper">
                            <input class="text-field__input" id="checkout-firstName" type="text" name="firstName" required />
                            <label class="text-field__label" for="checkout-firstName">Vorname
                                *
                            </label>
                        </div>

                    </div>

                </div>

                <div class="dynamic-form__element">
                    <div class="text-field--light is-initialized">
                        <div class="text-field__wrapper">
                            <input class="text-field__input" id="checkout-lastName" type="text" name="lastName" required />
                            <label class="text-field__label" for="checkout-lastName">Nachname
                                *
                            </label>
                        </div>

                    </div>

                </div>

                <div class="dynamic-form__element--street-number">
                    <div class="text-field--light is-initialized">
                        <div class="text-field__wrapper">
                            <input class="text-field__input" id="checkout-street" type="text" name="street" required />
                            <label class="text-field__label" for="checkout-street">Strasse
                                *
                            </label>
                        </div>

                    </div>

                    <div class="text-field--light is-initialized">
                        <div class="text-field__wrapper">
                            <input class="text-field__input" id="checkout-street-number" type="text" name="street-number" required />
                            <label class="text-field__label" for="checkout-street-number">Nr.
                                *
                            </label>
                        </div>

                    </div>

                </div>
                <div class="dynamic-form__element--zip-city">
                    <div class="text-field--light is-initialized">
                        <div class="text-field__wrapper">
                            <input class="text-field__input" id="checkout-zip" type="text" name="zip" required />
                            <label class="text-field__label" for="checkout-zip">PLZ
                                *
                            </label>
                        </div>

                    </div>

                    <div class="text-field--light is-initialized">
                        <div class="text-field__wrapper">
                            <input class="text-field__input" id="checkout-city" type="text" name="city" required />
                            <label class="text-field__label" for="checkout-city">Ort
                                *
                            </label>
                        </div>

                    </div>

                </div>
                <div class="dynamic-form__element">
                    <div class="select--light is-initialized is-filled-in with-label">
                        <div class="select__wrapper">
                            <select class="select__select" id="checkout-country" name="country" required>

                                <option value="" disabled>Bitte wählen</option>
                                <option value="ch" selected="selected">Schweiz</option>
                                <option value="de">Deutschland</option>
                                <option value="fr">Frankreich</option>
                                <option value="it">Italien</option>
                                <option value="li">Lichtenstein</option>
                            </select>
                            <label class="select__label" for="checkout-country">Land
                                *
                            </label>
                        </div>

                    </div>

                </div>

            </fieldset>
        </div>
    </div>
</div>
{% include '@SharedComponents/modules/b2b-checkout/components/delivery-address/delivery-address.twig' %}
{
  "addressForm": {
    "variant": "full-width",
    "fields": [
      {
        "component": "text-field",
        "variant": "light",
        "id": "checkout-firstName",
        "name": "firstName",
        "label": "Vorname",
        "required": true,
        "value": "",
        "disabled": false,
        "type": "text",
        "autocomplete": false,
        "error": ""
      },
      {
        "component": "text-field",
        "variant": "light",
        "id": "checkout-lastName",
        "name": "lastName",
        "label": "Nachname",
        "required": true,
        "value": "",
        "disabled": false,
        "type": "text",
        "autocomplete": false,
        "error": ""
      },
      {
        "component": "text-field-street-number",
        "variant": "light",
        "id": "checkout-street",
        "name": "street",
        "label": "Strasse",
        "required": true,
        "value": "",
        "disabled": false,
        "type": "text",
        "autocomplete": false,
        "error": ""
      },
      {
        "component": "text-field-street-number",
        "variant": "light",
        "id": "checkout-street-number",
        "name": "street-number",
        "label": "Nr.",
        "required": true,
        "value": "",
        "disabled": false,
        "type": "text",
        "autocomplete": false,
        "error": ""
      },
      {
        "component": "text-field-zip-city",
        "variant": "light",
        "id": "checkout-zip",
        "name": "zip",
        "label": "PLZ",
        "required": true,
        "value": "",
        "disabled": false,
        "type": "text",
        "autocomplete": false,
        "error": ""
      },
      {
        "component": "text-field-zip-city",
        "variant": "light",
        "id": "checkout-city",
        "name": "city",
        "label": "Ort",
        "required": true,
        "value": "",
        "disabled": false,
        "type": "text",
        "autocomplete": false,
        "error": ""
      },
      {
        "component": "select",
        "variant": "light",
        "id": "checkout-country",
        "name": "country",
        "label": "Land",
        "required": true,
        "disabled": false,
        "selected": "ch",
        "options": {
          "ch": "Schweiz",
          "de": "Deutschland",
          "fr": "Frankreich",
          "it": "Italien",
          "li": "Lichtenstein"
        },
        "choose": "Bitte wählen",
        "error": ""
      }
    ]
  }
}
  • Content:
    @import "~shared/base";
    @import "~cando-cx-components-library/components/modules/b2b-checkout/components/delivery-address/delivery-address";
  • URL: /components/raw/delivery-address/delivery-address.scss
  • Filesystem Path: src/components/modules/b2b-checkout/components/delivery-address/delivery-address.scss
  • Size: 140 Bytes

No notes defined.