node package manager
Orgs are free. Discover, share, and reuse code in your team. Create a free org »

react-story

react-story

Travis npm package Coveralls

Describe react-story here.

Usage

import React from 'react'
import { Demo, PropsTable } from '../../../../src'
import Button from '../my-library/Button'
import ButtonRaw from '!raw-loader!../my-library/Button'
import Markdown from './Button.md'
 
const ButtonNormal = () => (
  <Demo
    name="Normal Button"
    desc="Normal Buttons"
    code={Markdown}
  >
    <Button>Hello</Button>
    <Button>Hello</Button>
    <Button>Hello</Button>
  </Demo>
)
 
const DemoComponent = () => {
  return (
    <Story>
      <ButtonNormal />
      <PropsTable
        demonstrating={Button}
        raw={ButtonRaw}
      />
    </Story>
  )
}
 
export default {
  name: 'Button',
  component: DemoComponent,
  children: []
}