@netsells/storycap-default-background

0.2.1 • Public • Published

Storycap Background Storybook Decorator

This module syncs up the background of your project with the backgrounds selected in your stories parameters when used with @storybook/addon-background.

Follow the @storybook/addon-background guide for settings up available backgrounds in your stories. This decorator will simply set the background to the value set as default: true in your background options when the story is captured by storycap.

Installation

yarn add -D @netsells/storycap-default-background

Usage

Enable globally:

import withDefaultBackground from '@netsells/storycap-default-background';

export const decorators = [
    withDefaultBackground,
];

Enable on a per story basis:

import withDefaultBackground from '@netsells/storycap-default-background';
import MyComponent from '../../../components/MyComponent';

// Enable for all stories in this file
export default {
    decorators: [
        withDefaultBackground,
    ],
};

export const myComponent = () => ({
    // ...component
});

// Enable for single story
myComponent.decorators = [
    withDefaultBackground,
];

Dependencies (0)

    Dev Dependencies (1)

    Package Sidebar

    Install

    npm i @netsells/storycap-default-background

    Weekly Downloads

    73

    Version

    0.2.1

    License

    MIT

    Unpacked Size

    2.81 kB

    Total Files

    3

    Last publish

    Collaborators

    • rebeccaanderton
    • samturrell
    • spamoom
    • jakub.gawron