How to connect props with Storybook controls

No video

How to connect props with Storybook controls

Рет қаралды 23,255

Chromatic

Күн бұрын

Пікірлер: 44

@hungryhobbit Ай бұрын

The Storybook docs are so bad I literally couldn't find basic answers and had to come here: thank you so much for explaining args!

@simonswiss 2 жыл бұрын

Holy crap, the production quality is through the roof here! Love the slow camera zoom, the lighting, the audio, the shirt, the hair... You're incredibly natural and relaxed on camera, and a great teacher! Chantastic video, absolutely knocking it out of the park 🎉

@chantastic 2 жыл бұрын

🥰🥰🥰 Daaang. Thanks for coming out here and making me feel good. Means the world coming from you - knowing you have the eye and the ear 😍

@simonswiss 2 жыл бұрын

@@chantastic Looks like you have the eye and the ear too! ✨

@codefinity Жыл бұрын

You pretty much covered it, but I'm someone with kind of negative attitude about most KZfaqrs. They are either too boring or too cheesily optimistic. This is a perfect balance here! When he says that he is my friend, I actually want to believe it! :)

@JamesQQuick 2 жыл бұрын

Love this video. Chantastic looks amazing 🥰

@chantastic 2 жыл бұрын

I❤U. Thanks for the love, James 🥰

@vigneshkarthikprofessional9824 3 күн бұрын

Thanks for this Beautiful Knowledge bro

@dominicnguyen5465 2 жыл бұрын

Thanks for the controls breakdown - especially about the color and object controls!

@wassupdoc7742 Жыл бұрын

The quality is top notch ! thank you for the quick and simple explanation

@chantastic Жыл бұрын

This is so kind of you to say! Thank you for the encouragement. I'm thrilled that you found it helpful!

@MikeBifulco 2 жыл бұрын

Came for the thumbnail, stayed for the Storybook goodness. This is great! Good stuff @chantastic 🙌🏻

@chantastic 2 жыл бұрын

yeees! you're awesome, mike. thank you

@sahilhuseynzade Жыл бұрын

Thanks. Easy, understandable and high-quality tutorial

@chantastic Жыл бұрын

I'm so glad glad to here this! Thanks for taking the time to let me know :)

@SaaSMakers Жыл бұрын

I have watched all your videos. Thanks a lot for your work😊

@chantastic Жыл бұрын

that's amazing! thank you so much for your support! i hope that they've been helpful :)

@reubenellis21 2 жыл бұрын

I love this video!!! So clear and concise on the different ways to define controls.

@chantastic 2 жыл бұрын

Thanks Reuben!!

@santoshthakur1016 2 жыл бұрын

I really like this video and content make some video on storybook Migration from 6.4 to 6.5

@chromaticui 2 жыл бұрын

Thanks for the suggestion!

@payeldutta9745 Жыл бұрын

Can you please make a video showing how to use args or controls in mdx file

@chromaticui Жыл бұрын

our recent videos have all been about Doc Blocks and MDX. any chance we covered what you were looking for in the last few uploads?

@gunasekarant6498 Жыл бұрын

Awesome 🙂

@OttoAgne 2 жыл бұрын

Great video, looking for more short used video Any tutorials for VUE wit SASS (mixing) in future? Multi platform VUE, SCSS and share library, components to Lit Element.

@shubhipayasi3559 Жыл бұрын

yes please IF you have for the vue with ts VIDEO . please help me out for that. thanks

@kousheralam Жыл бұрын

wow, great

@sagivbengiat6190 2 жыл бұрын

Great video! I wonder how to handle controls for a composition of multiple components.

@chantastic 2 жыл бұрын

That's a great question. Are you asking specifically in relationship to children? In my experience, Controls are best for simple types. When I start demonstrating how different components compose together, I reach for additional stories. But I'm always excited to learn new techniques!

@daveymason732 Жыл бұрын

Very high quality video thank you. Would you mind telling me what you use to show you your file sizes? E.G On line 1 of your headings file it was 7.5k @2:00 mark.

@chantastic Жыл бұрын

thank you so much! you know, that's a really good question. i think it just came along with another plugin 😆 I believe that it is import-cost, found here marketplace.visualstudio.com/items?itemName=wix.vscode-import-cost

@daveymason732 Жыл бұрын

@@chantastic This is such a nice little plugin that has instant value to my projects with very little negative effect on the environment. Thanks again!

@joseluislamastacoronte5666 Жыл бұрын

hello, its a really nice video, thanks for it. However, i am using Storybook with angular, and there are not much examples or documentation about it. Do you have any docs or material that could help us to understand this a bit more. Many thanks on top of that i am trying to set a button in the controls that when i click it, it call function, i don't even know if its possible

@chromaticui 11 ай бұрын

I’m sorry that you’re finding trouble on the angular side. I am not an Angular expert but there are many in the Storybook discord. I’d recommend asking there. Chan

@johngrant7197 9 ай бұрын

What changes with Storybook 7.5 ?

@chromaticui 9 ай бұрын

storybook.js.org/blog/storybook-7-5/

@Airborn_Army Жыл бұрын

Hi, #Stroybook I have a radio button in the storybook and also I have docs control and am able to check the radio button through docs control but is it possible to check the radio simultaneously with the keyboard space bar and mouse click as well? now i am not able to select radio button for that i have to comment checked prop? I will appreciate your effort

@chromaticui Жыл бұрын

We don't fully understand the test case and acceptance criteria here. Please join us in Discord where there are better tools for communicating these types of challenges discord.com/invite/storybook

@hectorg8778 Жыл бұрын

Are you related to Jonathan Morrison??

@chantastic Жыл бұрын

hahah. i am not 😄

@Prince-Vats 2 жыл бұрын

How to pass material ui icons as options in a story

@chromaticui 2 жыл бұрын

as in passing an entire component in via props? you wouldn't be able to easily do this using Storybook controls. but in the Story file, you should be able to pass them in as props.