ssovee-os-web-ui 0.1.70 → 0.1.71
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 +26 -0
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -55,6 +55,31 @@ export function Example() {
|
|
|
55
55
|
}
|
|
56
56
|
```
|
|
57
57
|
|
|
58
|
+
## JSON editor
|
|
59
|
+
|
|
60
|
+
`JsonEditor` is a controlled Monaco editor configured for JSON by default:
|
|
61
|
+
|
|
62
|
+
```tsx
|
|
63
|
+
import { useState } from "react";
|
|
64
|
+
import { JsonEditor } from "ssovee-os-web-ui";
|
|
65
|
+
|
|
66
|
+
export function SettingsEditor() {
|
|
67
|
+
const [value, setValue] = useState('{"enabled":true}');
|
|
68
|
+
|
|
69
|
+
return (
|
|
70
|
+
<JsonEditor
|
|
71
|
+
value={value}
|
|
72
|
+
onChange={setValue}
|
|
73
|
+
theme="light"
|
|
74
|
+
height="320px"
|
|
75
|
+
options={{ minimap: { enabled: false } }}
|
|
76
|
+
/>
|
|
77
|
+
);
|
|
78
|
+
}
|
|
79
|
+
```
|
|
80
|
+
|
|
81
|
+
Use `theme="vs-dark"` for a dark editor. The component also accepts Monaco `language`, `height`, and `options` props.
|
|
82
|
+
|
|
58
83
|
## Window components
|
|
59
84
|
|
|
60
85
|
### Simple window
|
|
@@ -179,6 +204,7 @@ The package exports these components and types for external use:
|
|
|
179
204
|
- `Button`
|
|
180
205
|
- `Input`
|
|
181
206
|
- `TextArea`
|
|
207
|
+
- `JsonEditor`
|
|
182
208
|
- `Select`
|
|
183
209
|
- `SelectOption`
|
|
184
210
|
- `Checkbox`
|