CarrierLogo
Displays logos of transport carriers.
React
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.
| 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 |
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 |
| size | type (Carrier) |
|---|---|
"small" | "airline" |
"medium" | "bus" |
"large" | "train" |
"ferry" | |
"private_transfer" | |
"kiwicom" |
The
sizeprop will be applied whencarriersprop has defined only one object in Carrier array.The
typeprop in type Carrier determines which placeholder should be used when logo for the requested carrier doesn’t exist.