Neural Processing Mechanisms

    @pxblue/storybook-themes
    TypeScript icon, indicating that this package has built-in type declarations

    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

    35

    Version

    1.1.0

    License

    BSD-3-Clause

    Unpacked Size

    8.29 kB

    Total Files

    8

    Last publish

    Collaborators

    • avatar