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] (https://www.npmjs.com/package/@megalabs/ml-button-arrow)
Для установки пакета
- npm i @megalabs/ml-button-arrow
- затем в папке @megalabs/ml-button-arrow запускаем npm install
- npm start