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,200 courses taught by industry experts.

CSS techniques and Storybook rendering

CSS techniques and Storybook rendering

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

CSS techniques and Storybook rendering

“

Okay, so we have now added in our archetypes of button style variations. So we only have one so far that we implemented in the CSS, Counter Button 1. We did create a select option dropdown, right? We see that over here. You can choose from one out of the three. Now if we choose two or three, nothing happens because we haven't actually set up any CSS for those. button one gives us this nice counter button one and that looks great and we have the button style version descriptions default controls everything's looking pretty nice now in our example. Alright so next in line next up here the next thing that we should take a look at doing is implementing more let's finish this up and then once we have a couple options we can flip through for this button specifically is actually the event itself of clicking and I'll show you how you can leverage actions for checking to see that we're clicking on a basic level. We're gonna get very deep with what we can do with actions in the more complex…

Contents