https://github.com/usrrname/fast-storybook-html-vite
Created with StackBlitz ⚡️
https://github.com/usrrname/fast-storybook-html-vite
microsoft-fast storybook
Last synced: 3 months ago
JSON representation
Created with StackBlitz ⚡️
- Host: GitHub
- URL: https://github.com/usrrname/fast-storybook-html-vite
- Owner: usrrname
- Created: 2023-04-24T01:59:16.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2023-04-28T21:41:07.000Z (over 3 years ago)
- Last Synced: 2025-06-06T19:07:32.609Z (about 1 year ago)
- Topics: microsoft-fast, storybook
- Language: JavaScript
- Homepage: https://stackblitz.com/edit/fast-sb7-html-vite
- Size: 3.35 MB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# fast-storybook-html-vite
[Edit on StackBlitz ⚡️](https://stackblitz.com/edit/fast-sb7-html-vite)
Demo stackblitz using `@storybook/html-vite@7.0.7` with FAST design component packages:
```
"@microsoft/fast-element": "2.0.0-beta.23",
"@microsoft/fast-foundation": "3.0.0-alpha.27",
"@microsoft/fast-react-wrapper": "1.0.0-alpha.7",
"@microsoft/fast-web-utilities": "^6.0.0"
```
## Run it on StackBlitz
`npm run serve:build` and visit: `https://fastsb7htmlvite-rpxd--5173--d830b1a2.local-credentialless.webcontainer.io/storybook-static/`
## Known Issues
1. Difficulty installing Storybook
`npx sb init`
```
• Detecting project type. ✓
Detected Vite project. Setting builder to Vite
We couldn't detect your project type. (code: UNDETECTED)
You can specify a project type explicitly via `sb init --type `, see our docs on how to configure Storybook for your framework: https://storybook.js.org/docs/react/get-started/install
✔ Do you want to manually choose a Storybook project type to install? … yes
✔ Please choose a project type from the following list: › html
Detected Vite project. Setting builder to Vite
• Adding Storybook support to your "HTML" app
ERR!: Unknown command `info`
Try this: turbo --help
ERR!: Unknown command `info`
Try this: turbo --help
ERR!: Unknown command `info`
Try this: turbo --help
ERR!: Unknown command `info`
Try this: turbo --help
ERR!: Unknown command `info`
Try this: turbo --help
ERR!: Unknown command `info`
Try this: turbo --help
ERR!: Unknown command `info`
Try this: turbo --help
```
2. Slotted components must be included in story template per story, so as a result the user cannot easily swap out slotted templates.