Спектральные фильтры

Фильтры Spectre полезны, если мы хотим создать любую базу данных и искать определенные данные. В спектре у нас есть класс фильтра для создания визуального эффекта. Мы можем создать два типа фильтрации, один — тип радио, а другой — тип флажка.

Классы спектральных фильтров:

• фильтр: Этот класс используется для создания шаблона для фильтрации.
• filter-tag: этот класс используется для создания эффекта тега на элементах фильтра.
• filter-nav: этот класс используется, чтобы сделать фильтрацию отзывчивой.

Синтаксис:

<div class="filter">
    <input type="radio" id="tag-0" 
    class="filter-tag" name="filter-radio">
    <div class="filter-nav">...</div>
</div>      

Пример 1. В этом примере у нас будет фильтр, который может выбрать только один параметр, что означает, что будет отфильтрована только одна категория.

Выход:

Пример 2. В этом примере мы будем использовать фильтр, который может выбирать только несколько параметров, что означает, что будут отфильтрованы несколько категорий.

Выход:

Ссылка на ссылку: https://picturepan2.github.io/spectre/experimentals/filters.html