Кнопки
Добавить товар в избранное
Добавить класс is-selected для отображения выбранного состояния
Стандартные кнопки
Для добавления лоадера, необходимо вставить в кнопку, элемент с классом "ds-loader ds-loader_small" и присвоить элементу ds-btn класс is-loader
Если выбрана позиция (в модальном окне например), присвоить класс .is-selected контейнеру sorting.
Сортировка по:
Позиция 1 на десктопеДля отображения выбранных позиций в столбец, добавить классsorting_col контейнеру sorting.
Сортировка по:
Позиция 1 на десктопеКнопка влево/вправо/вверх/вниз десктоп
Опция: для выбора нужного направления, присвоить соответствующий класс элементу icon, например "icon-arrow-left"
Опция: для инвертирования цвета стрелок, присвоить модификатор _inverse элементу arrow, вместо _default.
Опция: для того, чтобы сделать кнопку круглой, необходимо присвоить модификатор _circle.
Кнопки вверх/вниз
Кнопка влево/вправо мобильные
Для выбора нужного направления, присвоить соответствующий класс блоку arrow-mobile, например "arrow-mobile arrow-mobile_up"
Переключатель состояния
Пагинация
Чтобы сделать кнопку неактивной, необходимо присвоить класс is-disabled элементу pagination__item.
Чтобы сделать кнопку активной, необходимо присвоить класс is-active элементу pagination__item
Кнопки перехода на первую и последнюю страницу отображаются только при разрешении меньше 767px
Треугольник
Кнопки управления количеством товара
Двойной ползунок
Блок кнопок Уведомления/Личные сообщения
Уведомления 88
Личные сообщения 45