@acctglobal/contact-card

Contatc Card - Documentation

---

Component developed to be used as a contact block for the customer. It's basically getting texts, an image and a link in case the client wants to use it.

Component function

The component will receive three contact information, namely: , and link

Text - This data can be received in one or two texts, the first being mandatory and the second optional. Image - This data would be an image, that is, it can be passed the URL of the image or added the svg in the code and import the image into the component Link - Basically it is a link, you will receive a link

---

Installation

yarn add @acctglobal/contact-card
npm install @acctglobal/contact-card

import { ContactCard } from '@acctglobal/contact-card'

All props are optional |Prop|Type|Default|Description| |:---:|:--:|:------:|:---:| |width|number - string||Sets the width of the container| |height|number - string||Sets the height of the container| |marginRight|number|10px|Sets the margin of image/logo| |padding|number||Sets the padding of container| |backgroundColor|string|#25D366|Sets the background color| |color|string|#FFFFFF|Sets the color of placeholder|