c8r/kit - A storybook alternative with a pure JSX/MDX API that interfaces with existing projects

Kit.jsx

import React from 'react'

import {
  Provider,
  Library,
  Example,
  Documentation,
  Knobs,
  contextTypes
} from '@compositor/kit'

import {
  theme,
  Input
} from './src'

import * as ui from './src'

import InputDocs from './docs/input.md'

export default () =>
  <Provider
    theme={{ theme }}
    scope={ui}
  >
    <Library>
      <Library.Nav />

      <Example name='Input'>
        <Knobs>
          <Input placeholder='you@compositor.io' />
          <Knobs.Input name='placeholder' />
          <Knobs.Select name='has'>
            <option></option>
            <option>focus</option>
            <option>error</option>
          </Knobs.Select>
        </Knobs>

        <Documentation>
          <InputDocs />
        </Documentation>
      </Example>
    </Library>
  </Provider>