# Storybook for Preact <!-- omit in toc -->

## Requirements

- [Preact](https://preactjs.com/) >= 10.x
- [Storybook](https://storybook.js.org/) >= 7.x

## Getting Started

### In a project without Storybook

Follow the prompts after running this command in your Preact project's root directory:

```bash
npx storybook@next init
```

[More on getting started with Storybook](https://storybook.js.org/docs/preact/get-started/install)

### In a project with Storybook

This framework is designed to work with Storybook 7. If you’re not already using v7, upgrade with this command:

```bash
npx storybook@next upgrade --prerelease
```

#### Manual migration

Install the framework:

```bash
yarn add --dev @storybook/preact-vite@next
```

Update your `main.js` to change the framework property:

```js
// .storybook/main.js
module.exports = {
  // ...
  framework: {
    name: '@storybook/preact-vite', // <- Change this
    options: {},
  },
};
```