RoleFilter
Компонент RoleFilter — это фильтр в виде табов (сегментированных кнопок) для колонок таблицы. Позволяет быстро переключаться между предустановленными значениями фильтра или сбрасывать его на «All».
Обзор
- Основное назначение: быстрая фильтрация колонки таблицы по одному значению через табы.
- Ключевые возможности:
- Группа кнопок-табов с активным состоянием.
- Кнопка «All» для сброса фильтра.
- Интеграция с TanStack Table через
column.setFilterValue(). - Адаптация под тёмную тему.
API компонента
Props
| Проп | Тип | По умолчанию | Описание |
|---|---|---|---|
column | Object | Объект колонки TanStack Table. Должен содержать getFilterValue() и setFilterValue(). | |
options | Array | [] | Массив опций для табов. Каждый элемент должен содержать label и value. |
Базовое использование
<RoleFilter
:column="table.getColumn('role')"
:options="[
{ label: 'Admin', value: 'admin' },
{ label: 'Editor', value: 'editor' },
{ label: 'User', value: 'user' },
]"
/>