GitHub/storybook
1
0
Fork 0
mirror of https://github.com/storybookjs/storybook.git synced 2025-04-07 21:41:46 +08:00
Code Issues Packages Projects Releases Wiki Activity

Adds args Youtube tutorial to the documentation

Browse Source
This commit is contained in:
jonniebigodes 2023-02-16 22:18:54 +00:00
parent 2937cace0a
commit 8f875ed9b7
1 changed files with 2 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
docs/writing-stories/args.md
View File

@ -2,6 +2,8 @@
title: 'Args' title: 'Args'
--- ---
<YouTubeCallout id="0gOfS6K0x0E" title="Build better UIs with Storybook Args" />
A story is a component with a set of arguments that define how the component should render. “Args” are Storybook’s mechanism for defining those arguments in a single JavaScript object. Args can be used to dynamically change props, slots, styles, inputs, etc. It allows Storybook and its addons to live edit components. You _do not_ need to modify your underlying component code to use args. A story is a component with a set of arguments that define how the component should render. “Args” are Storybook’s mechanism for defining those arguments in a single JavaScript object. Args can be used to dynamically change props, slots, styles, inputs, etc. It allows Storybook and its addons to live edit components. You _do not_ need to modify your underlying component code to use args.
When an arg’s value changes, the component re-renders, allowing you to interact with components in Storybook’s UI via addons that affect args. When an arg’s value changes, the component re-renders, allowing you to interact with components in Storybook’s UI via addons that affect args.