PassengersFilter - Design System

Selector de passatgers amb variants de mida, validació i suport per al tema fosc.

Variants de mida

El component PassengersFilter està disponible en diferents variants per adaptar-se al context.

Itinerary modifiers

Travelers (Up to 9 total)

Nombre de passatgers tipus ADT Adult

Passatgers seleccionats: Cap

Itinerary modifiers

Travelers (Up to 9 total)

Nombre de passatgers tipus ADT Adult

Passatgers seleccionats: Cap

Nombre de passatgers tipus ADT Adult

Passatgers seleccionats: Cap

Funcionalitats

El component inclou validació automàtica, límits de passatgers i controls accessibles.

Itinerary modifiers

Travelers (Up to 9 total)

Nombre de passatgers tipus ADT Adult

Prova d'afegir més de 4 passatgers per veure la validació.

Itinerary modifiers

Travelers (Up to 9 total)

Nombre de passatgers tipus ADT Adult

Component amb configuració per defecte (sense passatgers inicials de moment).

Casos d'ús

Exemples de com utilitzar el PassengersFilter en diferents contextos.

Cerca el teu vol

Itinerary modifiers

Travelers (Up to 9 total)

Nombre de passatgers tipus ADT Adult
Filtrar per passatgers
Nombre de passatgers tipus ADT Adult

Característiques d'accessibilitat

El component inclou suport complet per a tecnologies assistives i navegació per teclat.

  • Etiquetes ARIA descriptives
  • Navegació per teclat completament funcional
  • Anuncis de screen reader per a canvis d'estat
  • Focus visible i gestionat correctament
  • Validació accessible amb missatges d'error
  • Suport per a tecnologies assistives

Itinerary modifiers

Travelers (Up to 9 total)

Nombre de passatgers tipus ADT Adult