storybook
Storybook is a frontend workshop for building UI components and pages in isolation. Made for UI development, testing, and documentation.
MIT License
Ecosystems:
Vue.js,
JavaScript,
TypeScript,
Svelte,
React,
Storybook,
Web Components,
Ember,
React Native,
Angular,
Webpack,
Next
Bot releases are hidden (Show)
Bug Fixes
- CLI: Fix sb add / mdx-gfm for addons with non-serializable values #21731
- CSF-plugin: Fix sourcemaps #21704
- React: Fix TS docgen for Functional Components #21693
- TypeScript: Add previewMainTemplate option to StorybookConfig #21620
- UI: Fix titles for addons/controls/panel tabs to support render fns and JSX elements #21650
- UI: Fix active state for menu iconbutton #21666
- CLI: Update renderer templates to provide correct typescript examples #21647
- Composition: Fix various CORS issues #21682
- Composition: Fix version switcher #21621
Dependency Upgrades
- Pin rollup version to 3.19.1 #21723
Bug Fixes
- UI: Fix IconButton to be in active state when corresponding menu is open #21622
- Angular: Fix
sb initlibrary support #21675 - CLI: Fix Vue3 template CSS #21674
- Core: fix storySort not reading from
.mjs&.cjsfiles #21637 - Core: Fix cts/mts file extensions for config files #21465
- Core: Fix conflicting staticDirs case when -s flag is used #21591
- Angular: Fix source preview for angular stories #21609
Features
- Angular: Add "assets" build option #21116
Bug Fixes
- React: Fix missing framework options in shim #21644
- Docs: Update MDX
Linkcomponent to be more user friendly #21570 - Links: Update LinkTo component #21569
- Vite: Allow vue files in importfn #21550
- Controls: Fix glitchy range control #21459
- CLI: Fix styling regression on CLI starter Introduction.mdx file #21466
- Addon-docs: Fix csf-plugin for Angular #21629
- Vite: Fix alias array converted incorrectly to an object #21480
- UI: Default white preview background #21593
- Vite: Fix dev and yarn pnp by adding lodash files to optimizeDeps.include #21535
- Composition: Fix blank page when ref is missing but specified in url #21598
- Core: Disable cache in dev-mode #21574
- Vite: Fix react-vite and projects with absolute path preview entries on Windows #21545
- UI: Change the way of preloading fonts #21599
- Core: Add preload and prefetch links for runtime.mjs and related files #21594
- React: Fix type inconsistencies in composeStories #21575
- UI: Fix WithTooltip to use visible prop instead of defaultVisible #21589
Maintenance
- Blocks: Iprove error messages #21615
Build
Storybook 7.0 is in RC!! 🎉🎉🎉
Upgrade today: Migration guide
Existing projects
If you're already using Storybook, upgrade using this command:
npx storybook@next upgrade --prerelease
That will perform the following actions:
- Upgrade your project to the latest prerelease version of Storybook
- Suggest auto-migrations related to that upgrade
- One of those auto-migrations will install and configure this framework
New projects
To bootstrap a new Storybook project with 7.0, run: npx storybook@next init
Hundreds of improvements and fixes, including:
- First-class Framework integrations
- Docs overhaul
- Component Story Format v3 by default
- Improved type safety
- Design refresh
- Code coverage for testing
Track the release in the Github: Storybook 7.0 burndown 🛠
Bug Fixes
- CLI: Upgrade non-core storybook packages better #21508
- Svelte: Pass all arguments to configure through to fix StoryStoreV6 #21491
- Core: Fix project root detection in yarn PnP without git #21461
- Telemetry: Replace isomorphic-unfetch with node-fetch #21497
- Core: Fix builders/renderer PnP support #21486
- CLI: Require main.js without cache in automigrations #21498
Maintenance
- CLI: Filter out internal static dir logging #21137
- Docs: Error if you try to index an MDX file in ssv6 #21495
Build
- Build: add slash to fix windows test #21518
Bug Fixes
- Vite: Add react docgen types #21338
- Core: Print errors in
withTelemetrybefore prompting #21407 - Add Angular Builder Codemods #21409
- Docs: Use async import rather than require in docs #21402
- Docs: Don't warn if we find the same entry twice #21403
- Telemetry: Ensure we report errors even when unexpected things happen #21416
- CLI: Fix versions.ts to install latest prerelease packages #21418
- Core: Remove pointless
module.hot.decline()in addons #21421 - Docs: Allow ArgTable usage unattached #21371
Maintenance
- Addon-docs: Polish styling for 7.0 #21255
Features
- Docs: Show MDX errors using our error overlay #21369
Bug Fixes
- Core: Remove state deprecation warnings by default #21367
- Core: Fix default export storySort handling #21389
- Vue3: Add slot TS types #21359
- Docs: Fix issue with referencing non-story files with names similar or equal to docs files #21348
Maintenance
- Docs: Update invalid
<Meta of={}>error to be more helpful. #21365
Dependency Upgrades
- Upgrade react-docgen-typescript-plugin for TS4.8 #21380
Bug Fixes
- Core: Fix storySort parsing in preview.js with default export #21353
- CLI: Remove the workspace root flag from the install command for yarn2 #21356
- Svelte/Vite: Prevent crash when no svelte.config file #21339
- Use stable Next.js v13.2.0 next/font #21247
Dependency Upgrades
- Bump version of get-tarball #21355
Bug Fixes
- Core: Improve framework field validation #21299
- SvelteKit: Only disable SSR when building, not serving #21290
- CLI: Account for legacy framework values in automigration #21184
- TypeScript: Add
envtype to BuilderOptions #21173 - Core: Reverse order of project decorators #21182
Maintenance
- React-webpack: Fix dependencies to remove peerDep warnings #21278
Build
- Build: Improve sandbox task logs #21296
Features
- Core: Add
preview.jsdefault export support #21227 - TypeScript: Add preview type and update CLI template #21205
- Autodocs: Hide Stories block when only primary story exists #21178
- CLI: Add automigration for GFM in MDX #21186
Bug Fixes
- Docs: Remove
react-dom@18warning in docs #21197 - mdx-to-csf codemod: Fix wrong export referenced in generated mdx #21226
- Preact: Enable ts plugin by default #21225
- pnpm: Fix run command for pnpm API #21165
- Angular: Properly destroy component when switching to another Story #21219
- CLI: Fix SvelteKit automigration package name #21210
- Angular: Initialize .storybook without references to root in sub projects #21202
Maintenance
- CLI: Only run useful automigrations on init #21203
Build
- Build: Disable broken cra-bench #21238
- Revert "Remove vue-cli as sandbox template is currently busted" #21237
- Build: Add mixed exports test case to composeConfigs #21230
- Build: pass debug option to sandbox generate task #21200
- Build: add @storybook/bench #21199
- Build: Fix Playwright to v1.30.0 #21194
Features
- Codemod: Convert
.stories.mdxto MDX and CSF #21073
Bug Fixes
- Csf Tools: Fix overriding scalar named export values #21190
- Csf Tools: Support satisfies and as TS operator with module.exports #21188
- Core: try harder to resolve
.mjsfiles for the browser entries #21161 - CLI: Fix jscodeshift error: env: node\r: No such file or directory #21180
- Angular: Fix NG0800 error #21181
- Addon-docs: Fix style bleeding #21150
- CLI: Improve how automigrations read
main.js#21168
Build
- Build: Add check step to
ci:dailyworkflow #21169
Package Rankings
Top 0.13% on Npmjs.org
Badges
Extracted from project README
