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

Requires React 16.3 or newer.

v2: the component now renders Famewall's script-based embed (the same no-iframe widget as the HTML embed code) instead of an iframe — search engines can read your testimonials and the widget sizes itself natively. The embed script is loaded once per page automatically, no matter how many embeds you render. All props are unchanged from v1.

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