FiltersBar
La barre au-dessus d'une liste : recherche, filtres, actions.
activeCount affiche combien de filtres sont en vigueur. Sans ce compte, une liste filtrée ressemble à une liste vide, et l'on cherche la panne avant de penser au filtre posé la veille.
Installation
bash
sia-ui add filters-barOu par le paquet, sans rien copier :
tsx
import { FiltersBar } from "@sia-ui/react-web";Props
| Prop | Type | Défaut | Description |
|---|---|---|---|
actions | ReactNode | — | |
activeCount | number | 0 | |
className | string | — | |
filters | ReactNode | — | |
filterWidth | string | — | La largeur de chaque filtre — 12rem par défaut. Les filtres se placent côte à côte à cette largeur, et passent à la ligne quand elle manque. |
onReset | () => void | — | |
resetLabel | string | — | |
search | ReactNode | — |
Voir aussi
- Le composant dans le catalogue — états, variantes, et bac à sable.
- La référence complète — tous les composants.