Storybook addons library with a bunch of useful features along with other nice-to-haves and definitely silly features.

Table of Contents

Getting started

yarn add @storybook-extras/preset -D

// .storybook/main.tsimport{StorybookConfig}from'@storybook/angular';import{ExtrasConfig}from'@storybook-extras/preset';constconfig:StorybookConfig&ExtrasConfig={    ..."addons":["@storybook-extras/preset",        ...],    ...}exportdefaultconfig;

// .storybook/main.tsimport{StorybookConfig}from'@storybook/angular';import{ExtrasConfig}from'@storybook-extras/preset';constconfig:StorybookConfig&ExtrasConfig={    ..."addons":["@storybook-extras/preset",        ...],    ..."extras":{// disable Angular addon// by default it will only be added ONLY if the `framework` is set to `@storybook/angular`"angular":false,// disable console logs// further options are configurable in the `preview.js` file// please see the `Console` addon docs for more info"console":false,// disable markdown/html docs"markdown":false,// set options for markdown/html docs"markdown":{"includes":path.join(process.cwd(),'src'),"excludes":[/\.component.html$/],// exclude angular component html files}// disable swagger docs completely        "swagger":false,// set openapi url for swagger docs"swagger":{"stories":[{"title":"Swagger UI","url":"https://petstore.swagger.io/v2/swagger.json"}]},}}exportdefaultconfig;

Demo

Addons