@storybook/manager 7.0.0-beta.53 → 7.0.0-beta.55
Sign up to get free protection for your applications and to get access to all the features.
- package/README.md +7 -7
- package/dist/{chunk-6ISCUOND.mjs → chunk-ESXXR4WL.mjs} +15 -13
- package/dist/globals.js +1 -1
- package/dist/globals.mjs +1 -1
- package/dist/index.js +19 -17
- package/dist/index.mjs +1 -1
- package/dist/runtime.js +19 -17
- package/dist/runtime.mjs +1 -1
- package/package.json +14 -14
package/README.md
CHANGED
|
@@ -25,17 +25,17 @@ You can configure it by providing a provider API.
|
|
|
25
25
|
|
|
26
26
|
## Usage
|
|
27
27
|
|
|
28
|
-
First you need to install `@storybook/
|
|
28
|
+
First you need to install `@storybook/manager` into your app.
|
|
29
29
|
|
|
30
30
|
```sh
|
|
31
|
-
yarn add @storybook/
|
|
31
|
+
yarn add @storybook/manager --dev
|
|
32
32
|
```
|
|
33
33
|
|
|
34
34
|
Then you need to create a Provider class like this:
|
|
35
35
|
|
|
36
36
|
```js
|
|
37
37
|
import React from 'react';
|
|
38
|
-
import { Provider } from '@storybook/
|
|
38
|
+
import { Provider } from '@storybook/manager';
|
|
39
39
|
|
|
40
40
|
export default class MyProvider extends Provider {
|
|
41
41
|
getElements(type) {
|
|
@@ -56,7 +56,7 @@ Then you need to initialize the UI like this:
|
|
|
56
56
|
|
|
57
57
|
```js
|
|
58
58
|
import global from 'global';
|
|
59
|
-
import { renderStorybookUI } from '@storybook/
|
|
59
|
+
import { renderStorybookUI } from '@storybook/manager';
|
|
60
60
|
import Provider from './provider';
|
|
61
61
|
|
|
62
62
|
const { document } = global;
|
|
@@ -70,7 +70,7 @@ renderStorybookUI(roolEl, new Provider());
|
|
|
70
70
|
### .setOptions()
|
|
71
71
|
|
|
72
72
|
```js
|
|
73
|
-
import { Provider } from '@storybook/
|
|
73
|
+
import { Provider } from '@storybook/manager';
|
|
74
74
|
|
|
75
75
|
class ReactProvider extends Provider {
|
|
76
76
|
handleAPI(api) {
|
|
@@ -87,7 +87,7 @@ class ReactProvider extends Provider {
|
|
|
87
87
|
This API is used to pass the`kind` and `stories` list to storybook-ui.
|
|
88
88
|
|
|
89
89
|
```js
|
|
90
|
-
import { Provider } from '@storybook/
|
|
90
|
+
import { Provider } from '@storybook/manager';
|
|
91
91
|
|
|
92
92
|
class ReactProvider extends Provider {
|
|
93
93
|
handleAPI(api) {
|
|
@@ -111,7 +111,7 @@ class ReactProvider extends Provider {
|
|
|
111
111
|
You can use to listen to the story change and update the preview.
|
|
112
112
|
|
|
113
113
|
```js
|
|
114
|
-
import { Provider } from '@storybook/
|
|
114
|
+
import { Provider } from '@storybook/manager';
|
|
115
115
|
|
|
116
116
|
class ReactProvider extends Provider {
|
|
117
117
|
handleAPI(api) {
|