mirror of
https://github.com/storybookjs/storybook.git
synced 2025-04-05 08:01:20 +08:00
af1b0c11d2
# Conflicts: # .eslintignore # .travis.yml # addons/actions/src/containers/ActionLogger/index.js # addons/centered/package.json # addons/graphql/package.json # addons/info/src/components/PropTable.js # addons/info/src/components/Props.js # addons/knobs/package.json # addons/knobs/src/components/Panel.js # addons/notes/package.json # addons/notes/src/index.js # addons/notes/src/register.js # addons/storyshots/package.json # addons/storyshots/src/index.js # app/react-native/package.json # app/react/package.json # examples/cra-storybook/package.json # examples/cra-storybook/src/stories/Welcome.js # examples/test-cra/src/stories/Button.js # examples/test-cra/src/stories/Welcome.js # lib/channel-postmessage/package.json # lib/channel-websocket/package.json # lib/cli/bin/generate.js # lib/cli/generators/METEOR/index.js # lib/cli/generators/REACT/index.js # lib/cli/generators/REACT/template/stories/index.js # lib/cli/generators/REACT_NATIVE/index.js # lib/cli/generators/REACT_SCRIPTS/index.js # lib/cli/generators/REACT_SCRIPTS/template/src/stories/Welcome.js # lib/cli/generators/WEBPACK_REACT/index.js # lib/cli/lib/helpers.js # lib/cli/package.json # package.json
Storybook Options Addon
The Options addon can be used to set configure the Storybook UI.
This addon works with Storybook for: React and React Native.
Getting Started
First, install the addon
npm install -D @storybook/addon-options
Add this line to your addons.js file (create this file inside your storybook config directory if needed).
import '@storybook/addon-options/register';
Import and use the setOptions function in your config.js file.
import * as storybook from '@storybook/react';
import { setOptions } from '@storybook/addon-options';
setOptions({
name: 'My Storybook',
url: 'https://example.com',
goFullScreen: false,
showLeftPanel: false,
showDownPanel: false,
showSearchBox: false,
downPanelInRight: false,
sortStoriesByKind: false,
});
storybook.configure(() => require('./stories'), module);