Next Pizza's Mine

    @acctglobal/social-media-card

    0.1.0 • Public • Published

    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

    Keywords

    none

    Install

    npm i @acctglobal/social-media-card

    DownloadsWeekly Downloads

    198

    Version

    0.1.0

    License

    none

    Unpacked Size

    5.64 kB

    Total Files

    8

    Last publish

    Collaborators

    • luiz.priolli
    • ricardo.freitas
    • fabioacct