How to connect props with Storybook controls

  Рет қаралды 24,792

Chromatic

Chromatic

Күн бұрын

Пікірлер: 42
@hungryhobbit
@hungryhobbit 6 ай бұрын
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!
@JamesQQuick
@JamesQQuick 2 жыл бұрын
Love this video. Chantastic looks amazing 🥰
@chantastic
@chantastic 2 жыл бұрын
I❤U. Thanks for the love, James 🥰
@simonswiss
@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
@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
@simonswiss 2 жыл бұрын
@@chantastic Looks like you have the eye and the ear too! ✨
@codefinity
@codefinity Жыл бұрын
You pretty much covered it, but I'm someone with kind of negative attitude about most KZbinrs. 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! :)
@SaaSMakers
@SaaSMakers Жыл бұрын
I have watched all your videos. Thanks a lot for your work😊
@chantastic
@chantastic Жыл бұрын
that's amazing! thank you so much for your support! i hope that they've been helpful :)
@dominicnguyen5465
@dominicnguyen5465 2 жыл бұрын
Thanks for the controls breakdown - especially about the color and object controls!
@wassupdoc7742
@wassupdoc7742 Жыл бұрын
The quality is top notch ! thank you for the quick and simple explanation
@chantastic
@chantastic Жыл бұрын
This is so kind of you to say! Thank you for the encouragement. I'm thrilled that you found it helpful!
@vigneshkarthikprofessional9824
@vigneshkarthikprofessional9824 5 ай бұрын
Thanks for this Beautiful Knowledge bro
@sahilhuseynzade
@sahilhuseynzade Жыл бұрын
Thanks. Easy, understandable and high-quality tutorial
@chantastic
@chantastic Жыл бұрын
I'm so glad glad to here this! Thanks for taking the time to let me know :)
@MikeBifulco
@MikeBifulco 2 жыл бұрын
Came for the thumbnail, stayed for the Storybook goodness. This is great! Good stuff @chantastic 🙌🏻
@chantastic
@chantastic 2 жыл бұрын
yeees! you're awesome, mike. thank you
@reubenellis21
@reubenellis21 2 жыл бұрын
I love this video!!! So clear and concise on the different ways to define controls.
@chantastic
@chantastic 2 жыл бұрын
Thanks Reuben!!
@santoshthakur1016
@santoshthakur1016 2 жыл бұрын
I really like this video and content make some video on storybook Migration from 6.4 to 6.5
@chromaticui
@chromaticui 2 жыл бұрын
Thanks for the suggestion!
@payeldutta9745
@payeldutta9745 Жыл бұрын
Can you please make a video showing how to use args or controls in mdx file
@chromaticui
@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
@gunasekarant6498 2 жыл бұрын
Awesome 🙂
@OttoAgne
@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
@shubhipayasi3559 Жыл бұрын
yes please IF you have for the vue with ts VIDEO . please help me out for that. thanks
@kousheralam
@kousheralam Жыл бұрын
wow, great
@sagivbengiat6190
@sagivbengiat6190 2 жыл бұрын
Great video! I wonder how to handle controls for a composition of multiple components.
@chantastic
@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!
@joseluislamastacoronte5666
@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
@chromaticui Жыл бұрын
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
@amirtorabi3978
@amirtorabi3978 3 ай бұрын
how about using this approach for new storybook and react 18+?
@Airborn_Army
@Airborn_Army 2 жыл бұрын
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
@chromaticui 2 жыл бұрын
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
@johngrant7197
@johngrant7197 Жыл бұрын
What changes with Storybook 7.5 ?
@chromaticui
@chromaticui Жыл бұрын
storybook.js.org/blog/storybook-7-5/
@hectorg8778
@hectorg8778 Жыл бұрын
Are you related to Jonathan Morrison??
@chantastic
@chantastic Жыл бұрын
hahah. i am not 😄
@Prince-Vats
@Prince-Vats 2 жыл бұрын
How to pass material ui icons as options in a story
@chromaticui
@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.
@anaisrevellat5692
@anaisrevellat5692 2 жыл бұрын
Just thanks, everything is clear ! @siminswiss is right too about your work, excellent !
@chantastic
@chantastic 2 жыл бұрын
🥰🥰🥰 wow! thank you so much! i'm so glad it was clear
React Storybook Crash Course
17:28
Web Dev Simplified
Рет қаралды 370 М.
Мясо вегана? 🧐 @Whatthefshow
01:01
История одного вокалиста
Рет қаралды 7 МЛН
Что-что Мурсдей говорит? 💭 #симбочка #симба #мурсдей
00:19
Component testing in Storybook with play functions
6:56
Chromatic
Рет қаралды 22 М.
React UI Library Structure, Storybook and Tests
22:50
Jack Herrington
Рет қаралды 51 М.
Начало работы со StoryBook
23:42
Михаил Непомнящий
Рет қаралды 52 М.
5 Tips for integrating Next.js with Storybook
27:17
Chromatic
Рет қаралды 24 М.
Test components the EASY way | Component Story Format 3
7:26
Chromatic
Рет қаралды 14 М.
How is this Website so fast!?
13:39
Wes Bos
Рет қаралды 1,4 МЛН
How to Integrate Figma Design Systems with Storybook
8:33
newline
Рет қаралды 38 М.
Мясо вегана? 🧐 @Whatthefshow
01:01
История одного вокалиста
Рет қаралды 7 МЛН