Skip to content

Commit

Permalink
Update Introduction.mdx
Browse files Browse the repository at this point in the history
  • Loading branch information
cdedreuille committed Jun 12, 2023
1 parent bd8e606 commit bf4ea29
Showing 1 changed file with 10 additions and 10 deletions.
20 changes: 10 additions & 10 deletions src/stories/Introduction.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -10,6 +10,9 @@ import Youtube from "./assets/youtube.svg";
import Chromatic from "./assets/chromatic.svg";
import Figma from "./assets/figma.svg";
import Tutorials from "./assets/tutorials.svg";
import Styling from "./assets/styling.jpg";
import Context from "./assets/context.jpg";
import Assets from "./assets/assets.jpg";

<Meta title="Configure your project" />

Expand All @@ -20,7 +23,7 @@ Because Storybook works separately from your app, you'll need to configure Story
<section>
<div className="section-item">
<img
src="https://placehold.co/297x170"
src={Styling}
alt="A wall of logos representing different styling technologies"
/>
<div className="block">
Expand All @@ -40,7 +43,7 @@ Because Storybook works separately from your app, you'll need to configure Story
</div>
<div className="section-item">
<img
src="https://placehold.co/297x170"
src={Context}
alt="An abstraction representing the composition of data for a component"
/>
<div className="block">
Expand All @@ -61,16 +64,13 @@ Because Storybook works separately from your app, you'll need to configure Story
</div>
</div>
<div className="section-item">
<img
src="https://placehold.co/297x170"
alt="A representation of typography and image assets"
/>
<img src={Assets} alt="A representation of typography and image assets" />
<div className="block">
<h3>Load assets and resources</h3>
<p>
Components often rely on images, videos, fonts, and other assets to
render as the user expects. There are many ways to use these assets in
your story files.
To link static files (like fonts) to your projects and stories, use the
-s path/to/folder flag to specify a static folder to load when starting
Storybook.
</p>
<a href="https://storybook.js.org/docs/" target="_blank">
Read more on how to load assets <span className="chevron">&#8250;</span>
Expand All @@ -81,7 +81,7 @@ Because Storybook works separately from your app, you'll need to configure Story

# Do more with Storybook

Now that you know the basics, let's explore other parts of Storybook that will improve your experience. This list is just to get you started. You can customise Storybook in many ways to fit your needs.
Now that you know the basics, lets explore other parts of Storybook that will improve your experience. This list is just to get you started. You can customise Storybook in many ways to fit your needs.

<br />

Expand Down

0 comments on commit bf4ea29

Please sign in to comment.