ServiceLogo

Presents a logo for a common service.

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.

NameTypeDefaultDescription
dataTeststringOptional prop for testing purposes.
idstringSet id for ServiceLogo
grayScalebooleanIf true, logo will be in gray scale.
nameenumThe name for the displayed service logo.
sizeenum"medium"The size of the displayed service logo.

enum

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