Skip to content
Living Style Guide with React, webpack, ES6 and Sass
Branch: master
Clone or download
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
src Add a new component and some quick and dirty styles Jul 26, 2016
.editorconfig Add initial setup Jul 25, 2016
.gitignore
LICENSE Initial commit Jul 25, 2016
README.md Add links to similar projects Jul 31, 2016
index.html
package.json Add initial setup Jul 25, 2016
webpack.config.js

README.md

React UI Style Guide

Living Style Guide with React, webpack, ES6 and Sass.

Environment setup

  $ npm install

Development

Start the Webpack server (includes live reloading when you change files):

  $ npm start

Open http://localhost:3001 in a browser. ./src/main.js is the entry point.

Add new components to style guide

Define each component you want to include in your style guide components array in ./src/main.js, like so:

const components = [
  {
    component: require('./components/Card/Card'),
    name: 'Card',
    description: require('./components/Card/README.md'),
    props: {
      title: "Card title",
      text: "I am a very simple card."
    },
    modifiers: []
  }
];

Similar projects

You can’t perform that action at this time.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session.