<form class="change-password-form">
<div class="dynamic-form">
<fieldset class="dynamic-form__fieldset--half-width">
<div class="dynamic-form__element">
<div class="text-field--light is-initialized">
<div class="text-field__wrapper">
<input class="text-field__input" id="old-password" type="password" name="old-password" required />
<label class="text-field__label" for="old-password">Altes Passwort
*
</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="new-password" type="password" name="new-password" required />
<label class="text-field__label" for="new-password">Passwort
*
</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="new-password-repeat" type="password" name="new-password-repeat" required />
<label class="text-field__label" for="new-password-repeat">Passwort wiederholen
*
</label>
</div>
</div>
</div>
</fieldset>
<div class="dynamic-form__button-action-row--half-width">
<button class="button--tertiary-light-small" type="submit">Abbrechen</button>
<button class="button--primary-small" type="submit">Speichern</button>
</div>
</div>
</form>
{% include '@SharedComponents/modules/b2b-account/components/change-password-form/change-password-form.twig' %}
{
"changePasswordForm": {
"variant": "half-width",
"submitButton": {
"variant": "primary-small",
"type": "button",
"title": "Speichern"
},
"cancelButton": {
"variant": "tertiary-light-small",
"type": "button",
"title": "Abbrechen"
},
"fieldsets": [
{
"fields": [
{
"component": "text-field",
"variant": "light",
"id": "old-password",
"name": "old-password",
"label": "Altes Passwort",
"required": true,
"value": "",
"disabled": false,
"type": "password",
"autocomplete": false
},
{
"component": "text-field",
"variant": "light",
"id": "new-password",
"name": "new-password",
"label": "Passwort",
"required": true,
"value": "",
"disabled": false,
"type": "password",
"autocomplete": false
},
{
"component": "text-field",
"variant": "light",
"id": "new-password-repeat",
"name": "new-password-repeat",
"label": "Passwort wiederholen",
"required": true,
"value": "",
"disabled": false,
"type": "password",
"autocomplete": false
}
]
}
]
}
}
import './change-password-form.scss';
@import "~shared/base";
@import "~cando-cx-components-library/components/modules/b2b-account/components/change-password-form/change-password-form";
No notes defined.