Developer mode
Opens components on the React tab by default.
Your bookmarks

ServiceLogo / React

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


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.


code size
"AirHelp" "small"
"Alipay" "medium"
"Amex" "large"