Legitcode/cards

Name: cards

Owner: Legitcode

Description: A simple component to render cards from the Thoughtbot Refills library

Created: 2015-09-15 15:34:26.0

Updated: 2015-10-02 08:20:20.0

Pushed: 2015-11-20 18:11:49.0

Homepage: null

Size: 9

Language: JavaScript

GitHub Committers

User	Most Recent Commit	# Commits

Other Committers

User	Email	Most Recent Commit	# Commits

README

Legit-Cards

A simple React component for easily creating the Card component from Thoughbot's Refills.

Usage

rt React from 'react';
rt { Card, Header, Image, Copy } from 'legit-cards';

ire('legit-cards/lib/css/default');

rt default class MyComponent extends React.Component {
nder() {
return (
  <Card className='my-card'>
    <Header className='my-custom-header-class'>
      <h2>This is a great card</h2>
    </Header>

    <Image className='my-custom-image-class'>
      <img src='https://foo.bar.com/amazing-image.png' />
    </Image>

    <Copy className='my-custom-copy-class'>
      <p>Lorem ipsum bacon</p>
    </Copy>
  </Card>
);