CarrierLogo

Carrier logo displays one or more logos of transport carriers. It is usually together with the travel itinerary.

To implement CarrierLogo component into your project you'll need to add the import:

import CarrierLogo from "@kiwicom/orbit-components/lib/CarrierLogo";

After adding import into your project you can use it simply like:

<CarrierLogo carriers={Carrier} />

Props

Table below contains all types of the props available in CarrierLogo component.

Name Type Default Description
carriers Carrier[] The content of the CarrierLogo, passed as array of objects.
dataTest string Optional prop for testing purposes.
size enum "large" The size of the CarrierLogo. See Functional specs

Carrier

Table below contains all types of the props available for object in Carrier array.

Name Type Description
code string The code of the Carrier, defines which logo will be rendered.
name string The name of the Carrier, mainly for information.
type enum The preferred placeholder for non-existing carrier. See Functional specs

enum

size type (Carrier)
"small" "airline"
"medium" "bus"
"large" "train"

Functional specs

  • The size prop will be applied when carriers prop has defined only one object in Carrier array.

  • The type prop in type Carrier determines which placeholder should be used when logo for the requested carrier doesn't exist.

  • In Sketch, you can find Carrier Logo in Icons section.
  • Set of carrier logos are available only in Large version.