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

Swiss

20 kg kg

8 kg kg

Regular ticket

Werkelijke vertrektijd is 00:50 uur.

+475€

Razor

Open in new tab

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€

Razor

Open in new tab

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.

Razor

Open in new tab

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.

Razor

Open in new tab

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€

Luggage variants

Luggage sometimes is included (with some kg) and sometimes it isn't (0 kg). Tipically we want to hide the not included hold luggage, and we want to show a text for there is no hand luggage included. Those are the different combinations:

c-transport-ticket with hold luggage - with hand luggage

Handlebars

Heraklion Amsterdam

10:05

12:10

Transavia

20 kg

8 kg

Regular ticket

Werkelijke vertrektijd is 00:50 uur.

+475€

Javascript

Loading...

c-transport-ticket with hold luggage - without hand luggage

Handlebars

Heraklion Amsterdam

10:05

12:10

Transavia

20 kg

Small backpack or handbag

Regular ticket

Werkelijke vertrektijd is 00:50 uur.

+475€

Javascript

Loading...

c-transport-ticket without hold luggage - with hand luggage

Handlebars

Heraklion Amsterdam

10:05

12:10

Transavia

8 kg

Regular ticket

Werkelijke vertrektijd is 00:50 uur.

+475€

Javascript

Loading...

c-transport-ticket without hold luggage - without hand luggage

Handlebars

Heraklion Amsterdam

10:05

12:10

Transavia

Small backpack or handbag

Regular ticket

Werkelijke vertrektijd is 00:50 uur.

+475€

Javascript

Loading...

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)