Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Storybook enhancement: Change story templates to include types and @storybook/addon-essentials, alongside addon-knobs

See original GitHub issue

Description

Update the story templates to include types. Also, update stories to use the @storybook/addon-essentials package and the extra features it offers.

Motivation

Enhance the creation of stories. This is after a chat I had with @yannbf.

Suggested Implementation

The story templates would be updated to include types, and the @storybook/addon-essentials features.

Issue Analytics

State:
Created 3 years ago
Reactions:10
Comments:13 (3 by maintainers)

Top GitHub Comments

5reactions

kpaxtoncommented, Apr 29, 2021

@mandarini Should this have been automatically closed? I feel like this is still needed? Another ticket added for what @Brian-McBride mentioned about the stories that are generated.

4reactions

dobromyslovcommented, Oct 15, 2020

Storybook Controls won’t automatically detect component inputs without Storybook Docs. And Storybook Docs won’t work without @twittwer/compodoc NX plugin in case you use Angular. Have a look at this analysis and how to make them work together: https://github.com/twittwer/nx-tools/issues/19#issuecomment-708852153

And another roadblock concludes in manual run of ng run projectname:compodoc:json command each time you change components. Is there a way to make NX Storybook plugin run this command during ng run projectname:storybook execution in watch mode?

Top Results From Across the Web

Storybook Addon Knobs (deprecated)

Storybook Addon Knobs allow you to edit props dynamically using the Storybook UI. You can also use Knobs as a dynamic variable inside...

Addons - Storybook Tutorials

Learn how to develop UIs with components and design systems. Our in-depth frontend guides are created by Storybook maintainers and peer-reviewed by the...

Controls Addon | Storybook: Frontend workshop for UI ...

It creates an addon panel next to your component examples ("stories"), so you can edit them live. Framework Support. Screenshot. Installation. Controls is...

with-knobs Addon | Storybook: Frontend workshop for UI ...

Import `withKnobs` as default from `'with-knobs'` and use it to wrap an arbitrary object to get out of the box support for [storybook...

Storybook Unable to load on DSM website - InVision Support

First the template.Bind() it's not valid anymore with Storybook version 6.3.6, then I had to make a lot of changes inside story.js, preview.js ......