Skip to content

Commit e63554d

Browse files
committed
move the links back down
1 parent f849026 commit e63554d

File tree

1 file changed

+7
-8
lines changed

1 file changed

+7
-8
lines changed

README.md

Lines changed: 7 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,19 +1,14 @@
11
# Svelte CSF
22

3-
The **Svelte CSF** addon lets you write [Storybook](https://storybook.js.org/) stories directly in `.svelte` files instead of `.js` or `.ts` files.
3+
The **Svelte CSF** addon lets you write [Storybook](https://storybook.js.org/) stories directly in `.svelte` files instead of `.js` or `.ts` files.
44
By leveraging native Svelte syntax and reactivity, it provides a more natural and seamless way to document and showcase your Svelte components directly within Storybook.
55

6-
- Official tutorial using `Svelte`. ( [link](https://storybook.js.org/tutorials/intro-to-storybook/svelte/en/get-started/) )
7-
- Official tutorial using `Sveltekit`. ( [link](https://storybook.js.org/docs/get-started/frameworks/sveltekit) )
8-
- A published storybook. ( [chromatic](https://next--667492d3e52064f1d418ec95.chromatic.com) / [src](./examples/) )
9-
10-
116
## 🐣 Getting Started
127

138
> [!TIP]
149
> If you've initialized your Storybook project with Storybook version 8.2.0 or above, this addon is already set up for you!
1510
16-
> [!IMPORTANT]
11+
> [!IMPORTANT]
1712
> Not running the latest and greatest versions of Storybook or Svelte? Be sure to check [the version compatibility section below](#version-compatibility).
1813
1914
### Sveltekit
@@ -62,6 +57,10 @@ Restart your Storybook server for the changes to take effect.
6257
> [!NOTE]
6358
> Svelte CSF stories files must always have the `.stories.svelte` extension.
6459
60+
- Official tutorial using `Svelte`. ( [link](https://storybook.js.org/tutorials/intro-to-storybook/svelte/en/get-started/) )
61+
- Official tutorial using `Sveltekit`. ( [link](https://storybook.js.org/docs/get-started/frameworks/sveltekit) )
62+
- A published storybook. ( [chromatic](https://next--667492d3e52064f1d418ec95.chromatic.com) / [src](./examples/) )
63+
6564
### Defining the meta
6665

6766
All stories files must have a "meta" (aka. "default export") defined, and its structure follows what's described in [the official docs on the subject](https://storybook.js.org/docs/api/csf#default-export). To define the meta in Svelte CSF, call the `defineMeta` function **within the module context**, with the meta properties you want:
@@ -128,7 +127,7 @@ If you need more customization of the story, like composing components or defini
128127
</Story>
129128
```
130129

131-
> [!IMPORTANT]
130+
> [!IMPORTANT]
132131
> This format completely ignores args, as they are not passed down to any of the child components defined. Even if your story has args and Controls, they won't have an effect. See the snippet-based formats below.
133132
134133
#### Inline snippet

0 commit comments

Comments
 (0)