MainFaresTable - Design System Demo

Aquest component mostra una taula amb informació detallada de tarifes, incloent preus, propietats de la tarifa i informació d'emissions de CO₂.

Demo amb dues tarifes (Iberia - IB)

Carrier no disponible

Economy Basic

Economy Flex

Fare type

Basic Economy

Flexible Economy

Content source

Airline Direct

Airline Direct

Carry-on bag

Checked bag

Refundable

Changeable

Mileage accrual

120kg(14% lower CO₂)

125kg(11% lower CO₂)

|

|

Demo amb una sola tarifa (Lufthansa - LH)

Carrier no disponible

Economy Basic

Fare type

Basic Economy

Content source

Airline Direct

Carry-on bag

Checked bag

Refundable

Changeable

Mileage accrual

120kg(14% lower CO₂)

|

Demo sense dades

Quan no hi ha dades de tarifes, el component no es renderitza.

Estat de la Demo

Funcionalitats

✅ Suport per a temes clar/fosc
✅ Responsive design
✅ Icones per a propietats de tarifa (included, unavailable, chargeable)
✅ Informació d'emissions amb indicador visual
✅ Tooltip informatiu per a emissions
✅ Callbacks per selecció de tarifa i navegació
✅ Logo de la companyia aèria
✅ Formatat automàtic de preus
✅ Accessibilitat amb testids