react-contact-information

Introduction

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.

Example

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='[e-mail]' />
</ContactInformation>

API

• ContactInformation
• Email
• Service
• Constants
  • HORIZONTAL_ALIGNMENT_TYPE
  • FONT_AWESOME_SIZE
  • SERVICE_TYPE
  • TARGET
  • TOOLTIP_PLACEMENT