Neapolitan Pizza Margherita

    legit-cards

    0.1.1 • Public • Published

    Legit-Cards

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

    Usage

    import React from 'react';
    import { Card, Header, Image, Copy } from 'legit-cards';
     
    require('legit-cards/lib/css/default');
     
    export default class MyComponent extends React.Component {
      render() {
        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>
        );
      }
    }

    Keywords

    none

    Install

    npm i legit-cards

    Homepage

    homepage

    DownloadsWeekly Downloads

    0

    Version

    0.1.1

    License

    ISC

    Last publish

    Collaborators

    • dphaener