From the course: Building UI Components with Storybook: Master React Components and UI Design with Storybook for Better Efficiency

Unlock this course with a free trial

Join today to access over 25,300 courses taught by industry experts.

Configurations for Storybook and Storybook local server

Configurations for Storybook and Storybook local server

From the course: Building UI Components with Storybook: Master React Components and UI Design with Storybook for Better Efficiency

Start my 1-month free trial Buy for my team

Configurations for Storybook and Storybook local server

“

Okay, so previously on HBO's Coding with Clarion, all right? So what have we done here? So we've got our task JSX, basic component, just an input type wrapped in a label for good accessibility practices, couple properties with a title, that's all it is so far. And our task stories are what? Well, we've got our default, so we've got that component we pass in, and this is the storybook and see it exists. Of course, we need to make sure the configurations are solid. And we have three permutations. The default, so our basic story that's passing this task. Then we're spreading that task over into these two other stories, but we're changing the state in each one. OK? Great. So let's configure our main.js file, which you'll find at the top over here, Storybook, right in the .storybook folder. We want to make a couple changes to make sure that storybook notices our new story as well as the CSS in our source index. Primarily we want to look at here, this line of code, stories, and we want to…

Contents