@storybook/manager 7.0.0-beta.53 → 7.0.0-beta.55
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- 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) {
|