Компонент представляет собой готовый блок для выбора количества, например товара в интернет-магазине.
Расположение компонента
Файлы компонента находятся в папке src/components/forms/quantity. Здесь вы найдёте JS-файл компонента, HTML-файл с примером кода, а также SCSS-файл для стилизации.
Использование компонента
В HTML воспользуйтесь сниппетом quantity или напишите код с использованием data-атрибутов:
<div data-fls-quantity class="quantity">
<button data-fls-quantity-minus type="button" class="quantity__button quantity__button--minus"></button>
<div class="quantity__input">
<input data-fls-quantity-value autocomplete="off" type="text" name="form[]" value="1">
</div>
<button data-fls-quantity-plus type="button" class="quantity__button quantity__button--plus"></button>
</div>Дополнительные параметры
К элементу <input> можно добавить дополнительные настройки:
data-fls-quantity-max="число"— устанавливает максимальное значение поля.data-fls-quantity-min="число"— устанавливает минимальное значение поля.