@megalabs/ml-input-password

Input Password

Поле для ввода пароля

Для активного состояния

<div class="ml-input ml-input--eye">
    <input type="password" class="ml-input__input" id="input1ex">
    <span class="ml-input__show" onclick="istoggle(this,'input1ex')"></span>
</div>

Для состояния некорректного ввода

<div class="ml-input ml-input--eye ml-input--error">
    <input type="password" class="ml-input__input" id="input2ex">
    <span class="ml-input__show" onclick="istoggle(this,'input2ex')"></span>
</div>

Для отображения введенного пароля

<div class="ml-input ml-input--eye">
    <input type="text" class="ml-input__input" id="input1ex">
    <span class="ml-input__show is-open" onclick="istoggle(this,'input1ex')"></span>
</div>

Расширенные настройки

класс is-open включает "открытый" режим

npm репозиторий - [https://www.npmjs.com/package/@megalabs/ml-input-password] (https://www.npmjs.com/package/@megalabs/ml-input-password)

Для установки пакета

• nnpm i @megalabs/ml-input-password
• затем в папке @megalabs/ml-input запускаем npm install
• npm start