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" |