GitHub/storybook
1
0
Fork 0
mirror of https://github.com/storybookjs/storybook.git synced 2025-04-06 01:01:06 +08:00
Code Issues Packages Projects Releases Wiki Activity

undo work for addon-toolbars

Browse Source
This commit is contained in:
Norbert de Langen 2024-07-30 10:42:24 +02:00
parent 045d723459
commit 535a67da4d
3 changed files with 27 additions and 42 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
docs/_snippets/storybook-preview-configure-globaltypes.md
View File

@ -1,13 +1,11 @@
```js filename=".storybook/preview.js" renderer="common" language="js"
const preview = {
parameters: {
toolbars: {
//👇 The name of the global
theme: {
//👇 The label to show for this toolbar item
globalTypes: {
theme: {
description: 'Global theme for components',
toolbar: {
// The label to show for this toolbar item
title: 'Theme',
description: 'Global theme for components',
icon: 'circlehollow',
// Array of plain string values or MenuItem shape (see below)
items: ['light', 'dark'],
@ -29,15 +27,12 @@ export default preview;
import { Preview } from '@storybook/your-framework';
const preview: Preview = {
parameters: {
toolbars: {
//👇 The name of the global
theme: {
//👇 The label to show for this toolbar item
title: 'Theme',
description: 'Global theme for components',
globalTypes: {
theme: {
description: 'Global theme for components',
toolbar: {
// The label to show for this toolbar item
title: 'Theme',
icon: 'circlehollow',
// Array of plain string values or MenuItem shape (see below)
items: ['light', 'dark'],
@ -59,15 +54,12 @@ export default preview;
import { Preview } from '@storybook/your-framework';
const preview: Preview = {
parameters: {
toolbars: {
//👇 The name of the global
theme: {
//👇 The label to show for this toolbar item
title: 'Theme',
description: 'Global theme for components',
globalTypes: {
theme: {
description: 'Global theme for components',
toolbar: {
// The label to show for this toolbar item
title: 'Theme',
icon: 'circlehollow',
// Array of plain string values or MenuItem shape (see below)
items: ['light', 'dark'],

24
docs/_snippets/storybook-preview-locales-globaltype.md
View File

@ -1,9 +1,9 @@
```js filename=".storybook/preview.js" renderer="common" language="js"
const preview = {
parameters: {
toolbars: {
locale: {
description: 'Internationalization locale',
globalTypes: {
locale: {
description: 'Internationalization locale',
toolbar: {
icon: 'globe',
items: [
{ value: 'en', right: '🇺🇸', title: 'English' },
@ -28,10 +28,10 @@ export default preview;
import { Preview } from '@storybook/your-framework';
const preview: Preview = {
parameters: {
toolbars: {
locale: {
description: 'Internationalization locale',
globalTypes: {
locale: {
description: 'Internationalization locale',
toolbar: {
icon: 'globe',
items: [
{ value: 'en', right: '🇺🇸', title: 'English' },
@ -56,10 +56,10 @@ export default preview;
import { Preview } from '@storybook/your-framework';
const preview: Preview = {
parameters: {
toolbars: {
locale: {
description: 'Internationalization locale',
globalTypes: {
locale: {
description: 'Internationalization locale',
toolbar: {
icon: 'globe',
items: [
{ value: 'en', right: '🇺🇸', title: 'English' },

7
docs/api/main-config/main-config-features.mdx
View File

@ -70,10 +70,3 @@ Configures the [Backgrounds addon](../../essentials/backgrounds.mdx) to opt-in t
<CodeSnippets path="main-config-features-backgrounds-story-globals.md" />
{/* prettier-ignore-end */}
## `addonToolbarParameters`
Type: `boolean`
Configures the [Backgrounds addon](../../essentials/toolbars-and-globals.mdx) to opt-in to the new method fo configuring via parameters instead of globalTypes.