@megalabs/ml-pagination

Pagination

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

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

<div class="ml-pagination">
    <span class="ml-pagination__item is-active"></span>
    <span class="ml-pagination__item"></span>
    <span class="ml-pagination__item"></span>
    <span class="ml-pagination__item"></span>
</div>

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

<div class="ml-pagination is-disabled">
    <span class="ml-pagination__item is-active"></span>
    <span class="ml-pagination__item"></span>
    <span class="ml-pagination__item"></span>
    <span class="ml-pagination__item"></span>
</div>

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

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

класс is-active выделяет активный элемент

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

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

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