the-card

2.0.7 • Public • Published

the-card

Build Status npm Version JS Standard

Card of the-component

Installation

$ npm install the-card --save

Usage

'use strict'

import React from 'react'
import { TheCard, TheTwitterCard, TheCardStyle } from 'the-card'

const snippet = `
<a class="twitter-grid" href="https://twitter.com/TwitterDev/timelines/539487832448843776?ref_src=twsrc%5Etfw">
National Park Tweets</a> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8">

</script>
`

class ExampleComponent extends React.PureComponent {
  render () {
    return (
      <div>
        <TheCardStyle/>
        <TheCard>
          <TheCard.Header>This is header</TheCard.Header>
          <TheCard.Body>This is body</TheCard.Body>
        </TheCard>

        <hr/>

        <TheTwitterCard snippet={snippet}>
          This is custom comment
        </TheTwitterCard>
      </div>

    )
  }
}

export default ExampleComponent

Components

TheCard

Card of the-component

Props

Name Type Description Default

TheCardStyle

Style for TheCard

Props

Name Type Description Default
options object Style options {}

TheTwitterCard

Card for twitter

Props

Name Type Description Default
snippet string Tweet embed snippet ``

License

This software is released under the MIT License.

Links

Readme

Keywords

Package Sidebar

Install

npm i the-card

Weekly Downloads

0

Version

2.0.7

License

MIT

Unpacked Size

62.8 kB

Total Files

26

Last publish

Collaborators

  • okunishinishi