Skip to content
A component for quickly and easily showcasing React components
Branch: master
Clone or download
Latest commit 9308dc0 Jan 30, 2018
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
demo/src
src
tests merge react-show into react-story Aug 24, 2017
.gitignore
.travis.yml merge react-show into react-story Aug 24, 2017
CHANGELOG.md Initial commit May 12, 2017
CONTRIBUTING.md
ISSUE_TEMPLATE.md
LICENSE Initial commit May 12, 2017
README.md add story component, update readme Aug 24, 2017
nwb.config.js
package-lock.json 1.4.5 Nov 8, 2017
package.json
yarn.lock remove docgen Jan 30, 2018

README.md

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: []
}
You can’t perform that action at this time.