CarrierLogo
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. | |
id | string | Set id for CarrierLogo | |
size | enum | "large" | The size of the CarrierLogo. See Functional specs |
rounded | boolean | Rounded carrier image | |
inlineStacked | boolean | Carrier logos are displayed inline, stacking on top of each other. |
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" |
"ferry" | |
"private_transfer" | |
"kiwicom" |
Functional specs
The
size
prop will be applied whencarriers
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.