<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>
{% include '@SharedComponents/modules/account-auth/components/login-form/login-form.twig' %}
{
"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"
}
},
"links": [
{
"title": "Passwort vergessen",
"href": "#"
},
{
"title": "Registrieren",
"href": "#"
}
]
}
import './login-form.scss';
@import "~shared/base";
@import "~cando-cx-components-library/components/modules/account-auth/components/login-form/login-form";
No notes defined.