rlama-tpkg

testDecription

Live demo

• Video and quote notes side by side waypoint. (Click to preview)

 

---

 

Install

Needs video-react and react-waypoint as dependencies

---

npm install rlama-tpkg react-waypoint video-react --save

 

Usage

---

import React, { Component } from 'react'
 
import VideoQuotesSideBySide from 'rlama-tpkg'
 
const data:{
      layer:"layerA",
      position: 'right',
      videoItem: {
          poster: "videos/marktaylor_poster.png", video: "videos/marktaylor.mp4" 
        },
      waypoints: [
          {
            name: 'marktaylor',
            note: {
                name:"Mark Taylor",
                quote: "Sed ut perspiciatis unde omnis iste natus error sit voluptatem ...."
              },
          },
          {
            name: 'layerA',
            note: {
                name:"Test Layer",
                quote: "Quis autem vel eum iure reprehenderit qui in ea voluptate velit ..."
              },
          }
      ]
    }
 
 
class Example extends Component {
  render () {
    return (
      <VideoQuotesSideBySide data={data} />
    )
  }
}

 

License

---

MIT © richardlama

 

Reference

---

https://www.npmjs.com/package/create-react-library