1- import { Meta } from ' @storybook/addon-docs/blocks'
2- import Code from ' . /assets/code-brackets.svg'
3- import Colors from ' . /assets/colors.svg'
4- import Comments from ' . /assets/comments.svg'
5- import Direction from ' . /assets/direction.svg'
6- import Flow from ' . /assets/flow.svg'
7- import Plugin from ' . /assets/plugin.svg'
8- import Repo from ' . /assets/repo.svg'
9- import StackAlt from ' . /assets/stackalt.svg'
1+ import { Meta } from " @storybook/addon-docs/blocks"
2+ import Code from " .. /assets/code-brackets.svg"
3+ import Colors from " .. /assets/colors.svg"
4+ import Comments from " .. /assets/comments.svg"
5+ import Direction from " .. /assets/direction.svg"
6+ import Flow from " .. /assets/flow.svg"
7+ import Plugin from " .. /assets/plugin.svg"
8+ import Repo from " .. /assets/repo.svg"
9+ import StackAlt from " .. /assets/stackalt.svg"
1010
1111<Meta title = " Example/Introduction"
1212
@@ -126,28 +126,44 @@ We recommend building UIs with a [**component-driven**](https://componentdriven.
126126<div class = " subheading" div >
127127
128128<div class = " link-list"
129- <a class = " link-item" href = " https://storybook.js.org/docs/react/api/presets" target = " _blank"
129+ <a
130+ class = " link-item"
131+ href = " https://storybook.js.org/docs/react/api/presets"
132+ target = " _blank"
133+ >
130134 <img src = { Plugin } alt = " plugin"
131135 <span >
132136 <strong >Presets for popular tools</strong >
133137 Easy setup for TypeScript, SCSS and more.
134138 </span >
135139 </a >
136- <a class = " link-item" href = " https://storybook.js.org/docs/react/configure/webpack" target = " _blank"
140+ <a
141+ class = " link-item"
142+ href = " https://storybook.js.org/docs/react/configure/webpack"
143+ target = " _blank"
144+ >
137145 <img src = { StackAlt } alt = " Build"
138146 <span >
139147 <strong >Build configuration</strong >
140148 How to customize webpack and Babel
141149 </span >
142150 </a >
143- <a class = " link-item" href = " https://storybook.js.org/docs/react/configure/styling-and-css" target = " _blank"
151+ <a
152+ class = " link-item"
153+ href = " https://storybook.js.org/docs/react/configure/styling-and-css"
154+ target = " _blank"
155+ >
144156 <img src = { Colors } alt = " colors"
145157 <span >
146158 <strong >Styling</strong >
147159 How to load and configure CSS libraries
148160 </span >
149161 </a >
150- <a class = " link-item" href = " https://storybook.js.org/docs/react/get-started/setup#configure-storybook-for-your-stack" target = " _blank"
162+ <a
163+ class = " link-item"
164+ href = " https://storybook.js.org/docs/react/get-started/setup#configure-storybook-for-your-stack"
165+ target = " _blank"
166+ >
151167 <img src = { Flow } alt = " flow"
152168 <span >
153169 <strong >Data</strong >
@@ -173,7 +189,11 @@ We recommend building UIs with a [**component-driven**](https://componentdriven.
173189 Best practices from leading teams
174190 </span >
175191 </a >
176- <a class = " link-item" href = " https://github.com/storybookjs/storybook" target = " _blank"
192+ <a
193+ class = " link-item"
194+ href = " https://github.com/storybookjs/storybook"
195+ target = " _blank"
196+ >
177197 <img src = { Code } alt = " code"
178198 <span >
179199 <strong >GitHub project</strong >
@@ -190,5 +210,6 @@ We recommend building UIs with a [**component-driven**](https://componentdriven.
190210</div >
191211
192212<div class = " tip-wrapper"
193- <span class = " tip" span >Edit the Markdown in <code >src/storybook-examples/welcome.mdx</code >
213+ <span class = " tip" span >Edit the Markdown in{ " " }
214+ <code >src/storybook-examples/welcome.mdx</code >
194215</div >
0 commit comments