![Design Systems with React & Storybook](https://static.frontendmasters.com/assets/courses/2020-05-12-design-systems/thumb.webp)
Check out a free preview of the full Design Systems with React & Storybook course
The "Modal Documentation Exercise" Lesson is part of the full, Design Systems with React & Storybook course featured in this preview video. Here's what you'd learn in this lesson:
Students are instructed to create documentation about the modals built in a previous section using storybook, and to use a knob to toggle the modals' visibility.
Transcript from the "Modal Documentation Exercise" Lesson
[00:00:00]
>> So now that we've kind of created our buttons, I would like for you to go inside of your components folder, create a new story for your models, and do the same kind of thing. You can copy and paste over the MDA documentation from buttons and kind of just change it to fit.
[00:00:14]
Don't worry about what the documentation says, it's just meant for presentational purposes. So get your modal rendering, and use use a knob to actually toggle the visibility of it.
Learn Straight from the Experts Who Shape the Modern Web
- In-depth Courses
- Industry Leading Experts
- Learning Paths
- Live Interactive Workshops