ssovee-os-web-ui 0.1.80 → 0.1.83
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 +0 -24
- package/dist/index.cjs +141 -260
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +0 -9
- package/dist/index.d.cts +1 -16
- package/dist/index.d.ts +1 -16
- package/dist/index.js +78 -196
- package/dist/index.js.map +1 -1
- package/dist/sdk.cjs +53 -24
- package/dist/sdk.cjs.map +1 -1
- package/dist/sdk.d.cts +4 -3
- package/dist/sdk.d.ts +4 -3
- package/dist/sdk.js +53 -24
- package/dist/sdk.js.map +1 -1
- package/package.json +1 -2
package/README.md
CHANGED
|
@@ -82,30 +82,6 @@ export function SettingsEditor() {
|
|
|
82
82
|
|
|
83
83
|
Use `theme="vs-dark"` for a dark editor. The component also accepts Monaco `language`, `height`, and `options` props.
|
|
84
84
|
|
|
85
|
-
### RichEditor
|
|
86
|
-
|
|
87
|
-
`RichEditor` is a TinyMCE-based rich text editor for formatted content and HTML editing.
|
|
88
|
-
|
|
89
|
-
```tsx
|
|
90
|
-
import { useState } from "react";
|
|
91
|
-
import { RichEditor } from "ssovee-os-web-ui";
|
|
92
|
-
|
|
93
|
-
export function NotesEditor() {
|
|
94
|
-
const [value, setValue] = useState("<p>Start writing...</p>");
|
|
95
|
-
|
|
96
|
-
return (
|
|
97
|
-
<RichEditor
|
|
98
|
-
label="Message"
|
|
99
|
-
value={value}
|
|
100
|
-
onChange={setValue}
|
|
101
|
-
height="260px"
|
|
102
|
-
placeholder="Write something beautiful..."
|
|
103
|
-
helperText="Supports basic formatting, links, tables, and media."
|
|
104
|
-
/>
|
|
105
|
-
);
|
|
106
|
-
}
|
|
107
|
-
```
|
|
108
|
-
|
|
109
85
|
The component supports `toolbar`, `plugins`, `fullWidth`, `error`, and `disabled` props for common form usage.
|
|
110
86
|
|
|
111
87
|
## Window components
|