Switcher

Переключатель

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

<div class="ml-switcher">
    <label class="ml-switcher__label">
        <input type="checkbox" class="ml-switcher__input">
        <span class="ml-switcher__caption">Swithcer</span>
    </label>
</div>

Для неактивного состояния, фиксация бегунка слева

<div class="ml-switcher is-disabled">
    <label class="ml-switcher__label">
        <input type="checkbox" class="ml-switcher__input" disabled="">
        <span class="ml-switcher__caption">Swithcer</span>
    </label>
</div>
            

Для неактивного состояния, фиксация бегунка справа

<div class="ml-switcher is-disabled">
    <label class="ml-switcher__label">
        <input type="checkbox" class="ml-switcher__input" checked="" disabled="">
        <span class="ml-switcher__caption">Swithcer</span>
    </label>
</div>

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

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

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