mirror/slate
1
0
Fork 0
mirror of https://github.com/ianstormtaylor/slate.git synced 2025-09-01 19:22:35 +02:00
Code Issues Releases Wiki Activity

Update examples in docs, editable voids example (#4925)

Browse Source 
* Update examples in docs, editable voids example

* Update typescript docs
This commit is contained in:
Eric Meier
2022-04-03 17:57:38 +01:00
committed by GitHub
parent aff67312cb
commit f17413086e
4 changed files with 12 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
docs/concepts/12-typescript.md
View File

@@ -35,24 +35,25 @@ declare module 'slate' {
## Annotations in the Editor
Annotate `useState` w/ `<Descendant[]>` and the editor's initial value w/ your custom Element type.
Annotate the editor's initial value w/ `Descendant[]`.
```tsx
import React, { useMemo, useState } from 'react'
import { createEditor, Descendant } from 'slate'
import { Slate, Editable, withReact } from 'slate-react'
const initialValue: Descendant[] = [
{
type: 'paragraph',
children: [{ text: 'A line of text in a paragraph.' }],
},
]
const App = () => {
const initialValue: Descendant[] = [
{
type: 'paragraph',
children: [{ text: 'A line of text in a paragraph.' }],
},
]
const editor = useMemo(() => withReact(createEditor()), [])
const [value, setValue] = useState<Descendant[]>(initialValue)
return (
<Slate editor={editor} value={value} onChange={setValue}>
<Slate editor={editor} value={initialValue}>
<Editable />
</Slate>
)