Displays logos of transport carriers.

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} />


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

carriersCarrier[]The content of the CarrierLogo, passed as array of objects.
dataTeststringOptional prop for testing purposes.
idstringSet id for CarrierLogo
sizeenum"large"The size of the CarrierLogo. See Functional specs
roundedbooleanRounded carrier image


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

codestringThe code of the Carrier, defines which logo will be rendered.
namestringThe name of the Carrier, mainly for information.
typeenumThe preferred placeholder for non-existing carrier. See Functional specs


sizetype (Carrier)

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.