GuillocheDocs GitHub v2.0.0

FilterBar

Barre de filtres sous forme de formulaire GET : elle fonctionne sans JavaScript et l'URL porte l'etat

Voir la source

patterns v1.4.0 ui:FilterBar

Exemples

Aperçu

<twig:ui:FilterBar action="{{ path('app_missions') }}" submitLabel="Filtrer">
  <twig:ui:Field id="q" label="Recherche">
    <twig:ui:Input id="q" name="q" type="search" />
  </twig:ui:Field>
</twig:ui:FilterBar>

Props

PropDéfautRôle
actionnullURL du formulaire
methodgetMethode HTML
submitLabelnullLibelle du bouton, masque si absent
labelFiltersNom accessible du formulaire

Accessibilité

Les comportements clavier et les contraintes d’accessibilité propres à cette recette ne sont pas encore documentés. Vérifiez son HTML et ses interactions avant utilisation dans un parcours critique.

README complet et exemples de la recette