How to write Storybook stories | Component Story Format

Storybook is the best place develop, document, and test your components. It all starts with a single story! Learn how to write stories like a pro, using Component Story Format 3 (CSF), Args, and Play functions. Learn with @chantastic!

▬ Follow us! ▬▬▬▬▬▬▬▬▬▬

Follow @chantastic:
- youtube: @chantastic

▬ Learn more ▬▬▬▬▬▬▬▬▬▬

▬ Free Storybook hosting ▬▬▬▬▬▬▬▬▬▬

Chromatic is made by Storybook maintainers and sets up in just 2 minutes.

[michaelgee_]

as someone who is introducing members of my team to Storybook these videos are a huge help. also, big shoutout for making them concise while still being informative

[edomonticelli]

the video is great! Clear and concise. Much better than online documentation, which for me was unfortunately not clear at all. Thanks <3

[SogMosee]

these videos are invaluable for literally getting up and running FAST with storybook

[dominicnguyen]

Required watch for everyone getting started with Storybook!

[ThrnSK]

Great video but it's missing information about how to pass content to components' slots.
I am working with Vue components and would like to display different states that depend on the slot content as well.
Is there a way to do it?

[namssab]

You deserve many more subs, your videos are really well explained and detailed. +1 sub from me

[safeiashraf]

The video is very insightful, but am having an issue with a dropdown component that takes state from parent.
how to display that inside storybook with TypeScript being used?
online examples, use JS and most of them do not match storybook current templates at all, tried use state addon, use args API, still stuck, appreciate the help

[ShawnHellwege]

It would be great if you started with TextInput.jsx and what that needs to look like. I am seeing a lot of info on what the stories.js files need to look like but not seeing a lot of info on how to actually make the components in the JS file. I am using the HTML option, if that matters.

[chaudhryhh]

So Fast, even hard to understand :( tutorial must be more detailed oriented.

[noodletrooper]

Great video, but I need less of his face, as handsome as it is, and more of the code view, these quick cuts between the two are rough to type while watching