This version was released on May 2, 2025.
We're thrilled to introduce a supercharged Storybook integration that saves you time and improves your documentation quality! No more manual URL pasting or settling for basic iframes — now you can build docs with richer, more customizable component previews.
New interactive playground for your stories 🛝
Give your documentation readers a better experience with our new interactive playground:
- Control property visibility to show only relevant properties.
- Customize column display based on documentation needs.
- Manage tabs to show only necessary sections.
- Edit properties in the editor with changes persisting in published docs.
These features effectively replace render code blocks by providing a more flexible way to showcase components in various states. You can add multiple instances of the same story with different configurations.
Embedding as an interactive playground provides a more customizable experience.
Try it yourself
Explore interactive examples of blocks with various configurations to see the new features in action.
Preview
Block configuration
- Embed as: Playground
- Show code: On
- Show footer: On
- Show properties: On
- Properties: All
- Show description: On
- Show defaults: Off
Connect Storybook as data source
Start by sharing one simple link. This direct connection gives you access to all your stories, cutting setup time, and ensuring your docs stay in sync with your components in Storybook.
Add Storybook as a data source simply by pasting a URL.
When using the Storybook documentation block, you can select any story from your imported collection through a searchable list with just a few clicks. This makes it easy for all editors to add component playgrounds without having to manually find and paste Storybook URLs.
Browse through all of your stories to select which to embed in your docs.
Host Storybook with Supernova
If you have a Storybook behind VPN or authentication — we’ve got you covered. You can deploy Storybook via CLI directly to Supernova for private, secure hosting while maintaining seamless access for your team.
This allows you to:
- Control access through Supernova's permission system.
- Display Storybook content directly in your documentation.
- Centralize all design system resources in one secure location.
Storybook stories overview
Now you can see all imported Storybook stories in one place, with information when they were last updated — making it easier to verify if everything was imported properly.
Keep an eye on this section, more updates coming soon!
Check the list of all imported stories to see if they are imported correctly.
For a list of smaller improvements and bug fixes, visit our Bug fixes page here: