sunweb

Transport ticket

component transport-ticket

Definition


The transport ticket is a component to show transports information.

Handlebars

Heraklion Amsterdam
10:05
12:10
Transavia
20 kg
8 kg
Regular ticket

Werkelijke vertrektijd is 00:50 uur.

+475
Heraklion Amsterdam
--:-- unknown time
--:-- unknown time
Swiss
20 kg
8 kg
Regular ticket

Werkelijke vertrektijd is 00:50 uur.

+475
Loading...

Javascript

Loading...

Optional parts

Selector can be hidden, so it looks like a card.

Handlebars

Heraklion Amsterdam
10:05
12:10
Transavia
20 kg
8 kg
Regular ticket

Werkelijke vertrektijd is 00:50 uur.

+475
Loading...

Javascript

Loading...

Also price side is optional.

Handlebars

Heraklion Amsterdam
10:05
12:10
Transavia
20 kg
8 kg
Regular ticket

Werkelijke vertrektijd is 00:50 uur.

Loading...

Javascript

Loading...

Times or locations could change, so we can highlight changes

Handlebars

Chania Heraklion Rotterdam Amsterdam
08:05 10:05
10:10 12:10
Transavia  -  HV5067
20 kg
8 kg
Regular ticket

Werkelijke vertrektijd is 00:50 uur.

Loading...

Javascript

Loading...

States

c-transport-ticket > is-checked

The checked state is used when the transport ticket is selected.

Heraklion Amsterdam
10:05
12:10
Transavia
20 kg
8 kg
Regular ticket

Werkelijke vertrektijd is 00:50 uur.

+475
c-transport-ticket > is-internal

The internal state is used to show in the website that the flight is an internal flight and not external.

Heraklion Amsterdam
10:05
12:10
Transavia
20 kg
8 kg
Regular ticket

Werkelijke vertrektijd is 00:50 uur.

+475
c-transport-ticket > is-disabled

The disabled state is used when the transport ticket is not selectable.

Heraklion Amsterdam
10:05
12:10
Transavia
20 kg
8 kg
Regular ticket

Werkelijke vertrektijd is 00:50 uur.

+475