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 idforCarrierLogo. | |
| 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. | |
| ariaHidden | boolean | false | Hide the CarrierLogo from screen readers. Can be used if the logo is used with the name of the Carrier next to it. | 
Carrier
Table below contains all types of the props available for object in Carrier array.
| Name | Type | Description | 
|---|---|---|
| code | string | The IATA code of the Carrier, defines which logo will be rendered. | 
| name | string | The name of the Carrier, used for altandtitleattributes. | 
| 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 - sizeprop will be applied when- carriersprop 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.