Filter
Un groupe de boutons radio : choisir une option masque les autres et affiche un bouton de réinitialisation. Cinq tailles.
Réglages
Chaque réglage correspond à une propriété du composant.
La taille, de très petit (xs) à très grand (xl).
Le nom du groupe de radios, partagé par les options et le reset.
Le nom du groupe lu par les lecteurs d'écran (ex. « Filtrer par statut »). Sans lui, on tombe sur des radios sans savoir ce qu'elles filtrent.
Des classes en plus, pour tester une personnalisation.
Le code correspondant
import Filter from "@neo/ui/components/Filter.astro";
<Filter selected={"1"} options={[{"label":"Filter 1","value":"1"},{"label":"Filter 2","value":"2"},{"label":"Filter 3","value":"3"}]} />