ks_storybook v0.1.21

Kasimu storybook

Getting Started

Run the following command using npm.

Running the library for development

Run the following command to start Storybook for component display and test:

cd ks_storybook
npm start

Using the library locally

First, you need to link Storybook to your local node_modules npm repository.

cd ks_storybook
npm link

The command will build the library for distribution with Rollup, copy the resulting folder in the local node_modules folder, and make it available for other local projects.

cd your-project-folder
npm link ks_storybook

You'll need to manually install React JSS:

npm install --save react-jss

React JSS is mandatory for the use of theming. Then, in your app, you can use it like this:

import React, { Component } from "react";
import { Title, DefaultTheme } from "ks_storybook";
import { ThemeProvider } from "react-jss";

class App extends Component {
  render() {
    return (
      <ThemeProvider theme={DefaultTheme}>
        <Title>Hola mundo!</Title>
      </ThemeProvider>
    );
  }
}

export default App;

Note that ReactJSS and ThemeProvider only need to be used once, at the top of your app. Then inner components will get the active theme by context.

Components List