Update a bunch of images

This commit is contained in:
domyen 2023-03-13 22:46:59 -04:00
parent 9ba433a397
commit 486fa70d81
20 changed files with 6 additions and 5 deletions

Binary file not shown.

Before

Width:  |  Height:  |  Size: 48 KiB

After

Width:  |  Height:  |  Size: 212 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 50 KiB

After

Width:  |  Height:  |  Size: 214 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 147 KiB

After

Width:  |  Height:  |  Size: 74 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 74 KiB

After

Width:  |  Height:  |  Size: 92 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 73 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 190 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 51 KiB

After

Width:  |  Height:  |  Size: 209 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 36 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 147 KiB

View File

@ -4,7 +4,7 @@ title: 'Sidebar & URLS'
Storybooks sidebar lists all your stories grouped by component. When you have many components, you may also wish to group those components. To do so, you can add the `/` separator to the `title` of your CSF file, and Storybook will group the stories into groups based on common prefixes:
![Storybook sidebar anatomy](./sidebar-anatomy.jpg)
![Storybook sidebar anatomy](./sidebar-anatomy.png)
We recommend using a nesting scheme that mirrors the filesystem path of the components. For example, if you have a file `components/modals/Alert.js`, name the CSF file `components/modals/Alert.stories.js` and title it `Components/Modals/Alert`.
@ -12,7 +12,7 @@ We recommend using a nesting scheme that mirrors the filesystem path of the comp
By default, Storybook will treat your top-level nodes as “roots”. Roots are displayed in the UI as “sections” of the hierarchy. Lower level groups will show up as folders:
![Storybook sidebar story roots](./sidebar-roots.jpg)
![Storybook sidebar story roots](./sidebar-roots.png)
If youd prefer to show top-level nodes as folders rather than roots, you can set the `sidebar.showRoots` option to `false` in [`./storybook/manager.js`](./overview.md#configure-story-rendering):

Binary file not shown.

Before

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 68 KiB

View File

@ -10,7 +10,7 @@ Addons are integral to the way Storybook works. Many of Storybook's core feature
The most obvious thing addons affect in Storybook is the UI of Storybook itself. Within the UI the **toolbar** and **addons panel** are the two chief places addons will appear.
![Storybook addons locations](./addon-locations.jpg)
![Storybook addons locations](./addon-locations.png)
Addons can also hook into the rendering of your story in the preview pane via injecting their own [decorators](../writing-stories/decorators.md).

View File

@ -31,7 +31,8 @@ It will install the required prerequisites, build the code, create and link a st
If all goes well, you should see the sandbox running.
![Storybook Sandbox Running](./storybook-sandbox.png)
![Storybook sandbox running](../get-started/example-welcome.png)
## Running a different sandbox template
@ -89,7 +90,7 @@ If the work you'll be doing affects the `Preview` (the innermost Storybook `ifra
Otherwise, if it affects the `Manager` (the outermost Storybook `iframe` where the addons are displayed), you'll need to refresh manually after saving.
![Storybook UI](./storybook-manager-preview.jpg)
![Storybook manager preview](../addons/manager-preview.png)
## Check your work

Binary file not shown.

Before

Width:  |  Height:  |  Size: 136 KiB

After

Width:  |  Height:  |  Size: 329 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 88 KiB

After

Width:  |  Height:  |  Size: 243 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 99 KiB

After

Width:  |  Height:  |  Size: 276 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 212 KiB

After

Width:  |  Height:  |  Size: 267 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 99 KiB

After

Width:  |  Height:  |  Size: 271 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 83 KiB

After

Width:  |  Height:  |  Size: 241 KiB