What’s new in Storybook 7.0 Docs?

New architecture, streamlined UX, and readymade doc blocks

Varun Vachhar
Storybook

Newsletter

2 min readFeb 23, 2023

--

I am thrilled to share that Storybook 7 brings a revamped Docs feature with sleeker API and improved developer experience.

Storybook Docs made it easier for teams to document component libraries and design systems. It uses an innovative approach of auto-generating component documentation from stories.

Docs can also generate a prop table by inferring the component’s arg types, display source snippets and offers customization via MDX.

We learnt many lessons while building this functionality and collected a lot of user feedback. With Storybook 7.0, we had the opportunity to re-architect Docs and apply those learnings.

  • 🏛️ New component-centric information architecture
  • ⬆️ Upgraded to support MDX2
  • 🧱 More powerful and consistent Doc Blocks API

Read the full announcement »

Join us for Storybook Day to celebrate the 7.0 launch. Led by maintainers and expert users, the sessions will cover new workflows and how to get the most out of the tool. Get your free ticket »

Enhanced type safety with Storybook 7! Storybook has long offered built-in TypeScript support. However, stories were not strongly typed. Storybook 7 fixes that by combining CSF3 & the TS satisfies operator. Learn more »

--

--