react-stacked-card-list

React port of Fireship-IO stacked card list

Checkout the live Version

Install

npm install --save react-stacked-card-list

Usage

import React from 'react'

import { StackedCardList, StackedCard } from 'react-stacked-card-list'
import 'react-stacked-card-list/dist/index.css'

const App = () => {
  /**
  * <rendered tag string> : <link>
  */
  let tags = {
    GitHub: 'https://github.com/Hyde46/react-stacked-card-list',
    SomeTag: '#'
  }
  let jdCard = (
    <StackedCard
      text={'I Love You More Than Turk.'}
      header={'Jambalaya'}
      author={'John Dorian'}
      authorPrefix={'Dr. M.D'}
      hasAdorableIcon={true}
      tags={tags}
    />
  )
  let turkCard = (
    <StackedCard
      text={
        "This is the reason why your headache didn't go away. That's actually pronounced 'an-al-ge-sic', not 'anal-gesic'. Sir, the pills go in your mouth."
      }
      header={'Jambalaya'}
      author={'Turk Turkleton'}
      authorPrefix={'Dr. M.D'}
      hasAdorableIcon={true}
      tags={tags}
    />
  )
  return <StackedCardList stackedCards={[jdCard, turkCard]} />
}

License

MIT © Hyde46