@measured/puck 0.10.0-canary.e308381 → 0.10.1-canary.5dabebb
Sign up to get free protection for your applications and to get access to all the features.
- package/README.md +14 -5
- package/package.json +1 -1
package/README.md
CHANGED
@@ -120,15 +120,24 @@ Each render function receives three props:
|
|
120
120
|
|
121
121
|
#### Example
|
122
122
|
|
123
|
-
Here's
|
123
|
+
Here's an example plugin that creates a button to toggle the left side-bar:
|
124
124
|
|
125
125
|
```jsx
|
126
126
|
const myPlugin = {
|
127
|
-
renderRootFields: (
|
127
|
+
renderRootFields: ({ children, dispatch, state }) => (
|
128
128
|
<div>
|
129
|
-
{
|
130
|
-
|
131
|
-
<
|
129
|
+
{children}
|
130
|
+
|
131
|
+
<button
|
132
|
+
onClick={() => {
|
133
|
+
dispatch({
|
134
|
+
type: "setUi",
|
135
|
+
ui: { leftSideBarVisible: !state.ui.leftSideBarVisible },
|
136
|
+
});
|
137
|
+
}}
|
138
|
+
>
|
139
|
+
Toggle side-bar
|
140
|
+
</button>
|
132
141
|
</div>
|
133
142
|
),
|
134
143
|
};
|