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
PNR: ABCD1S

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
PNR: ABCD1S

Werkelijke vertrektijd is 00:50 uur.

+475
Loading...

Also price side is optional.

Handlebars

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

Werkelijke vertrektijd is 00:50 uur.

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
PNR: ABCD1S

Werkelijke vertrektijd is 00:50 uur.

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
PNR: ABCD1S

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
PNR: ABCD1S

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
PNR: ABCD1S

Werkelijke vertrektijd is 00:50 uur.

+475

Modifiers


c-transport-ticket > .c-transport-ticket--bus

Transport ticket for a travel with bus

Handlebars

Amsterdam
10:05
Amsterdam, Busstation Holendrecht (Meibergdreef)
+475

Javascript

Loading...
c-transport-ticket > .c-transport-ticket--bus price=empty
Amsterdam
10:05
Amsterdam, Busstation Holendrecht (Meibergdreef)
c-transport-ticket > .c-transport-ticket--bus price=empty && selectorIsHidden=true
Amsterdam
10:05
Amsterdam, Busstation Holendrecht (Meibergdreef)
c-transport-ticket > .c-transport-ticket--bus disable=true
Amsterdam
10:05
Amsterdam, Busstation Holendrecht (Meibergdreef)
c-transport-ticket > .c-transport-ticket--bus checked=true
Amsterdam
10:05
Amsterdam, Busstation Holendrecht (Meibergdreef)
c-transport-ticket > .c-transport-ticket--bus oldDepartureName="Eindhoven" && oldDepartureTime="13:00"
Eindhoven Amsterdam
13:00 10:05
Amsterdam, Busstation Holendrecht (Meibergdreef)