kasimu_storybook v0.3.29

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 kasimu_storybook
npm start

Using the library locally

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

cd kasimu_storyboock
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 kasimu_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 'kasimu_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