Component FlightCard
El FlightCard 茅s un component complex que mant茅 la API existent per貌 utilitza internament el nou Design System.
馃毀 Component FlightCard
Aquest component requereix dades complexes de vol (populatedRoute i fare) que no s贸n pr脿ctiques per mostrar en una demo simple.
El FlightCard s'utilitza a la aplicaci贸 principal amb dades reals de vols i tarifes.
Prova-ho en el context de l'aplicaci贸 per veure'l en funcionament!
Prova-ho en el context de l'aplicaci贸 per veure'l en funcionament!
Integraci贸 amb Design System
Aquest component legacy utilitza internament els components del Design System.
Beneficis de la integraci贸:
- Mant茅 compatibilitat amb l'API existent
- Utilitza tokens de disseny consistents
- Suport autom脿tic per al tema fosc
- Accessibilitat millorada
- Estils coherents amb altres components DS
- Facilita la migraci贸 gradual del codebase
Accessibilitat
El component incorpora millores d'accessibilitat gr脿cies al hook useAccessibility.
Caracter铆stiques d'accessibilitat:
- Role "button" per a interaccions
- Etiquetes ARIA descriptives
- Anuncis d'estat per a lectors de pantalla
- Navegaci贸 per teclat completa
- Focus visible i gestionat correctament
- Contrast de colors adequate
脷s a l'aplicaci贸
Per veure el FlightCard en acci贸, visita les p脿gines principals de l'aplicaci贸.
On trobar el FlightCard:
- Resultats de cerca de vols
- Llistats de vols disponibles
- Comparadors de rutes
- Selecci贸 de vols per a reserva