---
myst:
html_meta:
"description": "Storybook"
"property=og:description": "Storybook"
"property=og:title": "Storybook"
"keywords": "Volto, Plone, Storybook, CI, Documentation"
---
# Storybook
Volto provides integration with [Storybook][1], which is used to document and
demonstrate various UI component. You can check the current deployed version of
the Storybook at the [Plone 6 (dev) documentation website][2]
[1]: https://storybook.js.org/
[2]: https://6.docs.plone.org/storybook/
To run Volto's Storybook, with a clone of Volto you can run:
```
yarn storybook
```
The generated Volto project scaffold also provides integration with Volto
addons, so any stories contained in addons are discovered an properly
published.
A Volto storybook story would look like this:
```jsx
import { injectIntl } from 'react-intl';
import React from 'react';
import { BreadcrumbsComponent } from './Breadcrumbs';
import Wrapper from '@plone/volto/storybook';
export const Breadcrumb = injectIntl(({ children, ...args }) => {
return (
{}}
{...args}
/>
);
});
```
Notice the `` component, which provides a minimal Volto "environment context" that to ensure that the deeply-integrated Volto components can function.