@kiwicom/orbit-components
Version:
<div align="center"> <a href="https://orbit.kiwi" target="_blank"> <img alt="orbit-components" src="https://orbit.kiwi/wp-content/uploads/2018/08/orbit-components.png" srcset="https://orbit.kiwi/wp-content/uploads/2018/08/orbit-components@2x.png 2x"
39 lines (34 loc) • 1.47 kB
Markdown
# ServiceLogo
To implement ServiceLogo component into your project you'll need to add the import:
```jsx
import ServiceLogo from "@kiwicom/orbit-components/lib/ServiceLogo";
```
After adding import into your project you can use it simply like:
```jsx
<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`](#enum) | | The name for the displayed service logo.
| size | [`enum`](#enum) | `"medium"` | The size of the displayed service logo.
### enum
| code | size |
| :---------------- | :---------- |
| `"AirHelp"` | `"small"` |
| `"Amex"` | `"medium"` |
| `"AxaAssistance"` | `"large"` |
| `"DinersClub"` |
| `"JCB"` |
| `"Maestro"` |
| `"MasterCard"` |
| `"MIR"` |
| `"NewYorkTimes"` |
| `"NortonSecured"` |
| `"TravelPulse"` |
| `"Visa"` |
| `"VisaHQ"` |
| `"Zooz"` |