Learn Courses Lessons Articles

⌘K

Loading lesson

learn by doing,
two minutes at a time.

LearnCourses Lessons Articles

Watch & listenPodcasts Talks

StoriesCase studies Success stories Campaigns Browse everything →

© 2013–2026 egghead.iothe egg does not crack 🥚

all systems sunny-side up↑ Back to top

Learn Courses Lessons Articles

⌘K

Specify Layout with Storybook Parameters | A Beginner’s Guide to Storybook 7 with React | egghead

Course

A Beginner’s Guide to Storybook 7 with React

18 lessons · 36m

1Get Started with Storybook 7 — Course Introduction2:01
2Create a Storybook Sandbox (Starter project)2:15
3Navigate Storybook Sidebar3:08
4Manipulate the Storybook Canvas with the Addon Toolbar1:40
5Explore Component Interfaces with Storybook Controls1:16
6Observe Component Behavior with Actions Addon1:22
7Analyze How Components Respond to Fixed Events with the Interactions Addon2:35
8Understand Component Story Format (CSF)2:13
9Create Engaging Component Playgrounds with Args and Controls1:26
10Capture Interactions with Actions Addon2:41
11Manipulate Story State with Play Functions and Testing Library Events2:41
Specify Layout with Storybook Parameters1:31
13Extend Storybook's Capabilities with Addons2:05
14Generate Documentation Effortlessly with Autodocs1:07
15Configure Storybook with Global Stylesheets and Fonts1:40
16Integrate Storybook into Your Development Environment1:50
17Host Storybook For Free with Chromatic2:28
18Leverage Storybook Documentation and Community Support — course conclusion2:01

Course lesson

Specify Layout with Storybook Parameters

Take control of story presentation with Storybook Parameters. Expertly adjust the layout to ensure ideal rendering for viewers.

Duration: 2 min
Access: Free
Transcript: Available

Take control of story presentation with Storybook Parameters. Expertly adjust the layout to ensure ideal rendering for viewers.

Course

A Beginner’s Guide to Storybook 7 with React

18 lessons · 36m

1Get Started with Storybook 7 — Course Introduction2:01
2Create a Storybook Sandbox (Starter project)2:15
3Navigate Storybook Sidebar3:08
4Manipulate the Storybook Canvas with the Addon Toolbar1:40
5Explore Component Interfaces with Storybook Controls1:16
6Observe Component Behavior with Actions Addon1:22
7Analyze How Components Respond to Fixed Events with the Interactions Addon2:35
8Understand Component Story Format (CSF)2:13
9Create Engaging Component Playgrounds with Args and Controls1:26
10Capture Interactions with Actions Addon2:41
11Manipulate Story State with Play Functions and Testing Library Events2:41
Specify Layout with Storybook Parameters1:31
13Extend Storybook's Capabilities with Addons2:05
14Generate Documentation Effortlessly with Autodocs1:07
15Configure Storybook with Global Stylesheets and Fonts1:40
16Integrate Storybook into Your Development Environment1:50
17Host Storybook For Free with Chromatic2:28
18Leverage Storybook Documentation and Community Support — course conclusion2:01

Course lesson

Specify Layout with Storybook Parameters

Take control of story presentation with Storybook Parameters. Expertly adjust the layout to ensure ideal rendering for viewers.

How was this course?

A Beginner’s Guide to Storybook 7 with React · 18 lessons watched

Your rating

1234567

Not usefulExcellent

Anything else? Optional

Duration: 2 min
Access: Free
Transcript: Available