storybook

Storybook 6.0 is here!

• 📣 Release post
• ⏫ Migration guide

Key features:

• 💎 Essentials: Zero-configuration setup
• 🧬 Args: Next-generation, dynamic story format
• 🎛 Controls: Live edit component examples
• 🌐 Composition: Combine multiple Storybooks
• 📚 Documentation: Complete project overhaul

6.0 contains hundreds more fixes, features, and tweaks. Browse the changelogs matching 6.0.0-alpha.*, 6.0.0-beta.*, and 6.0.0-rc.* for the full list of changes. See MIGRATION.md to upgrade from 5.3 or earlier.

Bug Fixes

• Storyshots: Don't ship typescript files in dist (#11792)

Maintenance

• 6.0 documentation overhaul (#11861)

Features

• CLI: Add CSF types for Angular (#11825)

Bug Fixes

• Core: Fix serialization of undefined (#11829)

Bug Fixes

• CLI: Add CSF typings for react stories (#11811)

Dependency Upgrades

• Upgrade telejson to 5.0.1 (#11824)

Features

• Addon-docs: Prettier, collapsible values in ArgsTable (#11768)
• Addon-docs: Add inline rendering support for HTML (#11814)

Bug Fixes

• Addon-controls: Fix ArgsTable bugs and styling (#11805)
• Addon-docs: Don't zoom docs content (#11795)

Dependency Upgrades

• Perf: Upgrade telejson (#11797)

Bug Fixes

• CSF: Fix mixed .x and deprecated .story.x parameters (#11781)

Bug Fixes

• Addon-docs: Fix link font size to inherit (#11770)
• Addon-knobs: Fix search params with URI encoding (#11642)
• Core: Add STORY_SPECIFIED event for initial selection/URL (#11766)
• Core: Fix handling of initial hashes (#11767)

Documentation

• Core: Fix link to deprecated configure (#11771)

Bug Fixes

• Source-loader: Fix storiesOf missing __STORY__ variable (#11765)

Features

• Addon-docs: Add docs.description parameter (#11761)

Bug Fixes

• Composition: Fix missing version property in autoref (#11745)
• Addon-a11y: Fix inherited parameters (#11730)
• Addon-docs: Fix Ember args (#11760)
• Addon-Docs: Fix Ember extractArgTypes default value (#10512)
• Addon-Docs: Fix Ember extractArgTypes (#10525)

Dependency Upgrades

• Addon-docs: Make vue-docgen optional peer deps (#11759)

Features

• Addon-docs: Add Story.story for CSF stories with MDX docs (#11752)

Maintenance

• Addon-docs: Rename Preview/Props to Canvas/ArgsTable (#11744)

Breaking Changes

• Core: Pass normalized parameters to the story sort function (#11743)

Bug Fixes

• Core: Dedupe argTypes serialization (#11740)

Bug Fixes

• Core: Speed up combineParameters (#11736)
• Addon-docs: Support absolute anchors when deployed at non-root (#11403)

Maintenance

• Args: Add optional scalar test cases for typescript (#11149)

Bug Fixes

• Addon-controls: Fix update logic for argTypes with custom names (#11704)
• Core: Fix HMR (#11709)
• Server: Serialize Object controls as JSON over the wire (#11703)
• Revert #11502: Remove z-index on ActionBar (#11708)
• Revert #11066: Add skip to content on panel and story iframe (#11718)

• UI: Improve treestate performance (#11725)

Features

• Source-loader: Inject source snippets as story parameters (#11707)
• Source-loader: Handle bind expression stories (#11710)
• UI: Add skip to content on panel and story iframe (#11066)
• Addon-storyshots: Add web-component support (#11064)

Bug Fixes

• Addon-docs: Fix docs render layout to always be 'fullscreen' (#11699)
• UI: Fix release notes on prduction builds (#11700)
• Addon-docs: Apply list styles over reset (#11281)

Maintenance

• CLI: Update rax/mithril/web-components templates, rework Yarn2 E2E (#11354)

Features

• Server: Update to 6.0 APIs and support Controls (#11680)

Bug Fixes

• Addon-Storysource: Fix broken source when there's no story (#11679)
• Angular: Use system path when checking if asset is a directory (#11472)
• Composition: Fix composition of older storybooks (#11673)
• Core: Fix existing behavior with story prefixes (#11660)
• Core: Fix webpack recursion in mainjs glob processing logic (#11647)

Maintenance

• Addon-knobs: Move @types/react-color to devDeps (#11690)

Dependency Upgrades

• Bump react-docgen-typescript-plugin to 0.5.2 (#11658)

Bug Fixes

• Addon-docs: Re-enable source-loader by default (#11650)
• Core: Remove duplicate decorators and warn (#11643)
• Storyshots: Fix metadata (parameters/decorators) handling (#11518)
• Addon-docs: Skip dynamic source rendering when not needed (#11640)
• Core: Fix prefix redirect (#11637)

Maintenance

• Core: Log message length on channel message (#11646)

Bug Fixes

• Core: Improve translation of globs for main.js stories (#11531)
• Core: Optimize storiesHash by removing unused parameters (#11624)
• Composition: Fix docs-only stories in composed refs (#11584)
• CLI: Generate docs:json command dynamically for Angular project (#11622)

Bug Fixes

• Addon-controls: Fix undefined args handling (#11619)
• UI: Fix the color of the menu separator (#11564)
• Storyshots: Don't show configure deprecation warning (#11611)
• Addon-docs: Fix Props components input (#11612)

Maintenance

• Examples: Remove deprecated hierarchy separators (#11615)
• Hoist CSF .story annotations (#11617)

Features

• Addon-controls: Expose presetColors for the color control (#11606)

Bug Fixes

• Addon-docs: Fix Vue defaultValue in props table (#11603)