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

Move example to more popular storybook/react and remove all references to knobs addon

Browse Source
This commit is contained in:
Gaëtan Maisse 2018-11-19 21:03:57 +01:00
parent aae92af31e
commit 0bd035a741
1 changed files with 8 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
addons/options/README.md
View File

@ -20,7 +20,9 @@ Add this line to your `addons.js` file (create this file inside your storybook c
import '@storybook/addon-options/register';
```
Import and use the `withOptions` decorator in your config.js file.
###Set options globally
Import and use the `withOptions` decorator in your `config.js` file.
```js
import { addDecorator, configure } from '@storybook/react';
@ -113,24 +115,15 @@ configure(() => require('./stories'), module);
The options-addon accepts story parameters on the `options` key:
```js
import { storiesOf } from '@storybook/marko';
import { withKnobs, text, number } from '@storybook/addon-knobs';
import Hello from '../components/hello/index.marko';
import { storiesOf } from '@storybook/react';
import MyComponent from './my-component';
storiesOf('Addons|Knobs/Hello', module)
storiesOf('Addons|Custom options', module)
// If you want to set the option for all stories in of this kind
.addParameters({ options: { addonPanelInRight: true } })
.addDecorator(withKnobs)
.add(
'Simple',
() => {
const name = text('Name', 'John Doe');
const age = number('Age', 44);
return Hello.renderSync({
name,
age,
});
},
'Story for MyComponent',
() => <MyComponent />,
// If you want to set the options for a specific story
{ options: { addonPanelInRight: false } }
);