Окно входа/авторизации(Общий компонент)
Для смены состояний полей ввода, необходимо присвоить элементуds-inputs-component:
1) классis-error при ошибке ввода;
2) класс is-hidden-snowflake для скрытия красной снежинки;
3) класс is-hidden-info для скрытия подсказок снизу;
4) класс .is-unavailable для неактивного состояния поля;
Если введены неправельные данные, появляется текст с ошибкой над кнопкой. Для этого, необходимо присвоить класс is-errorэлементуauth-form__form.
Для отображения активной кнопки, удалить класс .ds-btn_disabled и добавить .ds-btn_inverse.
Для активации вкладки, необходимо присвоить класс .is-active элементу .auth-form__left-tab или .auth-form__right-tab
Для стилизации логина при входе на сайт, необходимо присвоить класс .input-login__signIn елементу ds-inputs-form, а также добавить лейбл Логин /email /телефон - как в примере
Для отображения ошибки, необходимо присвоить класс is-error элементу ds-inputs-component
Глаз в поле пароля работает как чекбокс
Это окно появляется, после нажатия на кнопку "Забыли пароль"
Это окно появляется, после нажатия на кнопку "Забыли пароль"
Если данные в поле введены неверно, присвоить класс is-error форме auth-form__form-password-recovery
Это окно появляется после нажатия на кнопку "Восстановить" и отправки смс
Вне зависимости от того какое поле выбрано, новый пароль приходит всегда в СМС.
Окно подтверждения почты
.png)