@acctglobal/social-media-card

Social Media Card - Documentation

---

Component developed to be used as a contact block through a social network for the client. It's basically getting texts, an image.

Texts - Multiple texts can be received Images - This data would be an image, that is, you can pass the URL of the image or add the svg in the code and import the image to the component in addition to assigning a link to the image

  texts: string[];
  images: {
    src: string;
    alt: string;
    link: string;
  }[];

---

Installation

yarn add @acctglobal/social-media-card
npm install @acctglobal/social-media-card

import { SocialMediaCard } from '@acctglobal/social-media-card'

All props

Prop	Type	Default	Description
texts	string		Inclusion of texts
images	string		Inclusion of images
flexDiretion	any	column	Sets the direction container
alignItems	string	center	Sets the direction container
widthContainer	number - string		Sets the width of the container
imgWidth	number - string		Sets the width image of the container
justifyContent	string	space-between	Sets the position of container
backgroundColor	string	#F4F4F4	Sets the background color

All classes for styling

Class	Description
container-social-card	Main container
container-text	Container that wraps the texts
container-images	Container that wraps the images