logo

ContactCard

A complete contact card.

John Doe

johndoe@gmail.com

Props:

email

Description: The most common contact info. Email. Type: String. Required.

cardTitle

Description: Card title. Type: String.

phone

Description: Phone. Type: String.

address

Description: Address. Type: String.

emailIcon

Description: A space to render some Icon or SVG for email. Type: ReactNode.

phoneIcon

Description: A space to render some Icon or SVG for phone. Type: ReactNode.

addressIcon

Description: A space to render some Icon or SVG for address. Type: ReactNode.

contactMessage

Description: An additional text to render as contact message. Type: String.

cardStyle

Description: Card style. Type: CSS Properties.

cardClassName

Description: Card className. Type: String.

titleStyle

Description: Title style. Type: CSS Properties.

titleClassName

Description: Title className. Type: String.

textStyle

Description: Text style. Type: CSS Properties.

textClassName

Description: Text className. Type: String.

glassEffect

Description: Applies glassEffect className if true. Type: Boolean. Default: False.

children

Description: A space to render some Icon or SVG. Type: ReactNode.

Code <ContactCardComponent email='johndoe@gmail.com' cardTitle='John Doe' emailIcon={<MdEmail/>} />

PabloSilvaDev - © Copyright 2022