Skip to content

Компонент тугла похожих характеристик товаров в сравнении ui-compare-toggle-same

Представляет из себя меняющую состояние кнопку для скрытия/показа похожих характеристик товаров в сравнении

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

<ui-compare-toggle-same
    caption-hide="Скрыть похожее"
    caption-show="Показать похожее"
    theme="borders"
>
    <span slot = "view_header" class="view_header">Панель для скрытия характеристик</span>
</ui-compare-toggle-same>

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

  • size - размер кнопки ui-button
  • variant - вариант кнопки ui-button
  • active - активная кнопка по-умолчанию или нет (вешает класс is-active на кнопку)
  • caption-hide - надпись для скрытия похожих характеристик
  • caption-show - надпись для показа похожих характеристик

Темизация

color-sheme

  • default - кнопки без фона, активная кнопка цветом ссылки

layout

  • default - Компонент ограничен по высоте на 32 пикселя, на маленьких разрешениях текст выравнивается по левому краю

themes

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