Skip to content

Компонент сравнения ui-comapre

Предназначен для добавления товаров в отдельную таблицу, где можно наглядно сравнить их характеристики и цены

Пример использования

<ui-compare
    empty-state-text="Сравнение пусто"
    :slider='{
        pagination: {
            type: "fraction",
        },
    }'
    theme="borders"
>
</ui-compare>

Параметры компонента

  • slider - параметры для слайдера. Принимает обьект параметров для компонента ui-slider
  • empty-state-text - Сообщение для вывода информации при пустом сравнении

Темизация

color-sheme

  • default - Кнопки удаления продукта со сравнения серым, цена цветом текста
  • toggle-same - Кнопка "показать/скрыть похожие без фона"

layout

  • default - Кнопка удаления товара со сравнения появляется только при наведении на товар и находится от него с правого вехнего угла.

themes

  • borders - Кажая срока параметров разделяется нижней границей