What is @storybook/manager-api?
The @storybook/manager-api package is part of the Storybook ecosystem, which is a tool for developing UI components in isolation for React, Vue, Angular, and more. This particular package provides APIs for managing Storybook's UI and its addons, allowing developers to customize and extend the Storybook manager interface programmatically.
What are @storybook/manager-api's main functionalities?
Addons registration
This feature allows developers to register custom addons with Storybook. The code sample demonstrates how to register an addon named 'my-addon' using the manager API.
import { addons } from '@storybook/manager-api';
addons.register('my-addon', (api) => {
// Do something with the Storybook API
});
Add panel
This feature enables the addition of custom panels to the Storybook UI. The code sample shows how to add a new panel to the Storybook interface within a registered addon.
import { addons } from '@storybook/manager-api';
addons.register('my-addon', (api) => {
addons.addPanel('my-addon/panel', {
title: 'My Panel',
render: ({ active, key }) => (
// Render your panel content here
),
});
});
Other packages similar to @storybook/manager-api
@storybook/addons
This package is also part of the Storybook ecosystem and provides the foundation for creating and using addons in Storybook. It is similar to @storybook/manager-api in that it allows for the extension and customization of Storybook, but it focuses more on the addon infrastructure itself rather than the manager UI.
@storybook/api
Another package within the Storybook ecosystem, @storybook/api is designed to interact with Storybook's internal API for tasks such as fetching stories, managing globals, and interacting with Storybook's state. It complements @storybook/manager-api by providing a more data-focused approach to interacting with Storybook, as opposed to UI customization.
7.0.0-beta.0 (December 8, 2022)
We made it to beta, folks! 🎉
SB7 overhauls our build architecture, modernizes our output to ESM only, promotes Vite to a first-class peer to Webpack, rethinks our Docs addon, cleans up the UI, and contains hundreds of improvements at every level of the stack. We've been sharing some of these changes on the Storybook blog and will share more over the coming weeks.
Beta means that we don't have any more major changes on the radar for 7.0 and it's mostly stabilization from here on out. The core team is doing some basic testing now, and once we have a good QA plan, we'd love your help to make that happen. Please keep an eye out on the blog and on our Twitter or Mastadon (coming soon!) or Discord if you're interested in helping.
Bug Fixes
- Extend Angular Zone.js peer dependency range #20107
- Vite: Fix static source handling for addon-docs #20147
- Controls: Arrow keys don't work on number controls #19954