Miss any of our Open RFC calls?Watch the recordings here! »

@pxblue/storybook-themes

1.1.0 • Public • Published

PX Blue themes for Storybook applications

This package contains theming support for Storybook applications built using Angular or React. It is primarily used to give these applications a PX Blue look and feel. Integrating this theme into your storybook application will change the appearance of the storybook container and any Markdown notes found within the @storybook/addon-notes add-on.

Installation

This theme package depends on @pxblue/colors and the @storybook/theming add-on. To begin, install all three by running:

yarn add @pxblue/colors @storybook/theming @pxblue/storybook-themes

Usage

To integrate the theme into your storybook app, add the following code to your config:

import { pxblueTheme } from '@pxblue/storybook-themes';
import { addParameters } from '@storybook/react';
 
addParameters({
    options: {
        theme: pxblueTheme,
    },
});

For additional help while integrating storybook themes, see the storybook docs.

Demos

You can see this theme in action in the documentation for PX Blue component libraries at pxblue-components.github.io.

Install

npm i @pxblue/storybook-themes

DownloadsWeekly Downloads

60

Version

1.1.0

License

BSD-3-Clause

Unpacked Size

8.29 kB

Total Files

8

Last publish

Collaborators

  • avatar