Simple React
component that combines all the ways to get connected across a variety of services.
Icons driven by FontAwesome
; styles driven by Bootstrap
/ reactstrap
.
import { ContactInformation, Service, Email, SERVICE_TYPE, FONT_AWESOME_SIZE } from 'react-contact-information';
<ContactInformation size={FONT_AWESOME_SIZE.TWO} rowLength={6} >
<Service showIdentifier accountIdentifier='jaebradley' type={SERVICE_TYPE.GITHUB} />
<Service showIdentifier accountIdentifier='arsenal' type={SERVICE_TYPE.INSTAGRAM} />
<Service showIdentifier accountIdentifier='ohjoy' type={SERVICE_TYPE.PINTEREST} />
<Service showIdentifier accountIdentifier='spez' type={SERVICE_TYPE.REDDIT} />
<Service showIdentifier accountIdentifier='@djkhaled305' type={SERVICE_TYPE.SNAPCHAT} />
<Email to='jae.b.bradley@gmail.com' />
</ContactInformation>
ContactInformation
Email
Service
Constants
HORIZONTAL_ALIGNMENT_TYPE
FONT_AWESOME_SIZE
SERVICE_TYPE
TARGET
TOOLTIP_PLACEMENT