To implement ServiceLogo component into your project you’ll need to add the import:
import ServiceLogo from "@kiwicom/orbit-components/lib/ServiceLogo";After adding import into your project you can use it simply like:
<ServiceLogo name="Visa" size="large" />Props
Table below contains all types of the props available in ServiceLogo component.
| Name | Type | Default | Description |
|---|---|---|---|
| dataTest | string |
Optional prop for testing purposes. | |
| grayScale | boolean |
If true, logo will be in gray scale. |
|
| name | enum |
The name for the displayed service logo. | |
| size | enum |
"medium" |
The size of the displayed service logo. |
enum
| code | size |
|---|---|
"AirHelp" |
"small" |
"Alipay" |
"medium" |
"Amex" |
"large" |
"Axa" |
|
"AxaAssistance" |
|
"Booking" |
|
"BusinessInsider" |
|
"ChinaUnionPay" |
|
"DailyExpress" |
|
"DinersClub" |
|
"Discover" |
|
"Elo" |
|
"JCB" |
|
"MailOnline" |
|
"Maestro" |
|
"MasterCard" |
|
"MIR" |
|
"Mirror" |
|
"NewYorkTimes" |
|
"NortonSecured" |
|
"PayPal" |
|
"RentalCars" |
|
"Sofort" |
|
"TravelPulse" |
|
"Trustly" |
|
"UsaToday" |
|
"Visa" |
|
"VisaHQ" |
|
"Zooz" |