<div class="login">
    <div class="login__container">
        <form class="login-form">
            <div class="dynamic-form">
                <fieldset class="dynamic-form__fieldset--full-width">
                    <legend class="dynamic-form__fieldset-legend">Bitte melden Sie sich an</legend>
                    <div class="dynamic-form__element">
                        <div class="text-field--light is-initialized">
                            <div class="text-field__wrapper">
                                <input class="text-field__input" id="username" type="text" name="username" required />
                                <label class="text-field__label" for="username">Username / E-Mail
                                    *
                                </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="password" type="password" name="password" required />
                                <label class="text-field__label" for="password">Passwort
                                    *
                                </label>
                            </div>

                        </div>

                    </div>

                </fieldset>
                <button class="button--primary-small" type="submit">Anmelden</button>
            </div>
        </form>
        <div class="page-switch__links">
            <div class="page-switch__link-item">
                <a href="#" class="page-switch__link">Passwort vergessen</a>
            </div>
            <div class="page-switch__link-item">
                <a href="#" class="page-switch__link">Registrieren</a>
            </div>
        </div>
    </div>
</div>
{% include '@SharedComponents/modules/account-auth/templates/login/login.twig' %}
{
  "accountAuthLogin": {
    "loginForm": {
      "variant": "full-width",
      "fieldsets": [
        {
          "legend": "Bitte melden Sie sich an",
          "fields": [
            {
              "component": "text-field",
              "variant": "light",
              "id": "username",
              "name": "username",
              "label": "Username / E-Mail",
              "required": true,
              "value": "",
              "disabled": false,
              "type": "text",
              "autocomplete": false
            },
            {
              "component": "text-field",
              "variant": "light",
              "id": "password",
              "name": "password",
              "label": "Passwort",
              "required": true,
              "value": "",
              "disabled": false,
              "type": "password",
              "autocomplete": false
            }
          ]
        }
      ],
      "submitButton": {
        "type": "button",
        "title": "Anmelden",
        "variant": "primary-small"
      }
    }
  },
  "accountAuthPageSwitch": {
    "links": [
      {
        "title": "Passwort vergessen",
        "href": "#"
      },
      {
        "title": "Registrieren",
        "href": "#"
      }
    ]
  }
}
  • Content:
    @import "~shared/base";
    @import "~cando-cx-components-library/components/modules/account-auth/templates/login/login";
  • URL: /components/raw/login-template/login.scss
  • Filesystem Path: src/components/modules/account-auth/templates/login/login.scss
  • Size: 117 Bytes

No notes defined.