apeman-react-card

The card 01

This is the text of card 01

The card 02

This is the text of card 02

The card 03

This is the text of card 03

'use strict'
 
import React from 'react'
import ApCard from '../../lib/ap_card'
import ApCardStyle from '../../lib/ap_card_style'
 
const Demo = React.createClass({
  render () {
    return (
      <div>
        <ApCardStyle />
        <div>
          <ApCard onTap={ () => console.log('Card 01 tapped!') }
                  imgSrc='./images/01.jpg'
                  title='The card 01' text='This is the text of card 01'/>
          <ApCard onTap={ () => console.log('Card 02 tapped!') }
                  title='The card 02' text='This is the text of card 02'/>
          <ApCard onTap={ () => console.log('Card 03 tapped!') }
                  imgSrc='./images/03.jpg'
                  imgWidth={256}
                  imgHeight={256}
                  title='The card 03' text='This is the text of card 03'/>
        </div>
      </div>
    )
  }
})
 
export default Demo