Nutritious Pumpkin Masses

    storybook-addon-chakra-theme
    TypeScript icon, indicating that this package has built-in type declarations

    0.0.2-rc3 • Public • Published

    Installation

    yarn add storybook-addon-chakra-theme --dev

    Add to .storybook/addons.js

    import 'storybook-addon-chakra-theme/dist/register';

    addDecorator to .storybook/config.js

    import { addDecorator } from '@storybook/react';
    import { withThemesProvider } from 'storybook-addon-chakra-theme';
    
    const themes = [theme1, theme2];
    addDecorator(withThemesProvider(themes));

    or

    addDecorator to stories

    import {withThemesProvider} from 'storybook-addon-chakra-theme';
    
    const themes = [theme1, theme2];
    
    storiesOf("demo", module)
      .addDecorator(withThemesProvider(themes))
      .add("demo div", () => <div>DEMO</div>);

    Reminder

    Make sure every theme has a name property. For example:

    const myTheme = {
      name: "Light",
      primaryColor: "blue"
    }
    

    This is used for displaying in the Storybook UI.

    Contributing

    yarn

    yarn build

    yarn example

    Thanks and License Reference

    https://github.com/echoulen/storybook-addon-styled-component-theme https://github.com/JumboInteractiveLimited/storybook-addon-emotion-theme

    Install

    npm i storybook-addon-chakra-theme

    DownloadsWeekly Downloads

    3

    Version

    0.0.2-rc3

    License

    MIT

    Unpacked Size

    11.7 kB

    Total Files

    11

    Last publish

    Collaborators

    • pyramation