FAST Storybook presets

A Storybook preset to bring consistency across FAST storybook implementations.

Installation

npm i @microsoft/fast-storybook-presets

Usage

In your projects .storybook directory, add .storybook/presets.js if it does not already exist. Then add @microsoft/fast-storybook-presets to the exported preset array:

module.exports = ["@microsoft/fast-storybook-presets"];

See preset documentation for more details on adding Storybook presets.

Options

The @microsoft/fast-storybook-presets can be configured with options. To configure the presets, adjust the preset include to resemble the following:

module.exports = [{
    name: "@microsoft/fast-storybook-presets",
    options: { /* add options here */ }
}]

designSystemAddon - Configure the design system addon

{
    enabled: true, // Includes the @microsoft/fast-storybook-design-system-addon
}