@megalabs/ml-button-arrow v0.0.9

Button_Arrow

Используется для переключения/перелистывания элементов блока с каруселью

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

<a href="#" class="ml-button-arrow ml-button-arrow--left">
    <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
        <path d="M9.239 19L8 17.6904 15.759 11 24 17.5802l-1.1859 1.3536-7.0086-5.596z"></path>
    </svg>
</a>
<a href="#" class="ml-button-arrow ml-button-arrow--right">
    <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
        <path d="M9.239 19L8 17.6904 15.759 11 24 17.5802l-1.1859 1.3536-7.0086-5.596z"></path>
    </svg>
</a>

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

<a href="#" class="ml-button-arrow ml-button-arrow--left is-disabled">
    <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
        <path d="M9.239 19L8 17.6904 15.759 11 24 17.5802l-1.1859 1.3536-7.0086-5.596z"></path>
    </svg>
</a>
<a href="#" class="ml-button-arrow ml-button-arrow--right is-disabled">
    <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
        <path d="M9.239 19L8 17.6904 15.759 11 24 17.5802l-1.1859 1.3536-7.0086-5.596z"></path>
    </svg>
</a>

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

класс is-disabled отключает кнопку

класс модификатор ml-button-arrow--right разворачивает стрелку вправо

класс модификатор ml-button-arrow--leftt разворачивает стрелку влево

npm репозиторий - https://www.npmjs.com/package/@megalabs/ml-button-arrow

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

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