shiftregister-vg / card-binder

A collection of React components for building a card binder (IRL, a binder for holding cards)

Card Binder

A set of React components used to create card binders.

Demo

View the storybook

Installation

To install this Component, run yarn add card-binder or npm install card-binder

Usage

import React from 'react'
import Binder, { Card, Page } from 'card-binder'

const MyBinder = props => (
  <Binder>
    <Page>
      <Card standard>
        <h2>Standard Card</h2>
      </Card>
      <Card standard>
        <h2>Standard Card</h2>
      </Card>
      <Card standard>
        <h2>Standard Card</h2>
      </Card>
      <Card standard>
        <h2>Standard Card</h2>
      </Card>
      
      <Card standard>
        <h2>Standard Card</h2>
      </Card>
      <Card standard>
        <h2>Standard Card</h2>
      </Card>
      <Card standard>
        <h2>Standard Card</h2>
      </Card>
      <Card standard>
        <h2>Standard Card</h2>
      </Card>
      
      <Card standard>
        <h2>Standard Card</h2>
      </Card>
      <Card standard>
        <h2>Standard Card</h2>
      </Card>
      <Card standard>
        <h2>Standard Card</h2>
      </Card>
      <Card standard>
        <h2>Standard Card</h2>
      </Card>
    </Page>
  </Binder>
)

export default MyBinder