react-famewall

React component for Famewall Embeds

Highlight and display social media mentions as beautiful testimonials. Enjoy the fame you receive from customers by signing up here.

Install

npm install --save react-famewall

Basic Usage

import React from 'react'
import FamewallEmbed from 'react-famewall'

const App = () => {

  return(
    <FamewallEmbed
      wallUrl="famewall"
    />
  )
}

Dynamic card color (For websites with Dark Mode/ Light Mode Switch)

Use the 'cardTheme' prop to dynamically feed in "light" or "dark" if you want the wall to be compatible with dynamic card color based on your website's theme

const App = () => {

  return(
    <FamewallEmbed
      wallUrl="famewall"
      cardTheme="dark"
    />
  )
}

const App = () => {

  return(
    <FamewallEmbed
      wallUrl="famewall"
      cardTheme="light"
    />
  )
}

Carousel Embed

Use 'carouselMode' prop to enable testimonials to be displayed as a carousel

const App = () => {

  return(
    <FamewallEmbed
      wallUrl="famewall"
      cardTheme="dark"
      carouselMode={true}
    />
  )
}

To enable autolooping of carousels use autoplay flag as boolean variable

const App = () => {

  return(
    <FamewallEmbed
      wallUrl="famewall"
      cardTheme="dark"
      carouselMode={true}
      autoplay={true}
    />
  )
}

Dual Slider Embed

Use 'dualSliderMode' prop to enable testimonials to be displayed as a carousel

const App = () => {

  return(
    <FamewallEmbed
      wallUrl="famewall"
      cardTheme="light"
      dualSliderMode={true}
    />
  )
}

Avatar Embed

const App = () => {

  return(
   <FamewallEmbed
      avatarCollectionId="<Place collection ID from dashboard>"
    />
  )
}

License

MIT ©2021 Famewall