diff --git a/packages/website/docs/docs/block-types.md b/packages/website/docs/docs/block-types.md index e405533cdc..ebd4271375 100644 --- a/packages/website/docs/docs/block-types.md +++ b/packages/website/docs/docs/block-types.md @@ -24,7 +24,7 @@ BlockNote includes a number of built-in block types, each with their own set of **Appearance** -image +image **Type & Props** @@ -42,7 +42,7 @@ type ParagraphBlock = { **Appearance** -image +image **Type & Props** @@ -64,7 +64,7 @@ type HeadingBlock = { **Appearance** -image +image **Type & Props** @@ -82,7 +82,7 @@ type BulletListItemBlock = { **Appearance** -image +image **Type & Props** diff --git a/packages/website/docs/docs/blocks.md b/packages/website/docs/docs/blocks.md index d4f12e3510..361df43aa5 100644 --- a/packages/website/docs/docs/blocks.md +++ b/packages/website/docs/docs/blocks.md @@ -45,7 +45,7 @@ function App() { So, BlockNote is centered around the idea of blocks. A block - like a heading, paragraph, or list item - contains a piece of content and optionally nested blocks: -image +image In code, the `Block` type is used to describe any given block in the editor: diff --git a/packages/website/docs/docs/formatting-toolbar.md b/packages/website/docs/docs/formatting-toolbar.md index 1d7fac7c99..881ba087f1 100644 --- a/packages/website/docs/docs/formatting-toolbar.md +++ b/packages/website/docs/docs/formatting-toolbar.md @@ -16,7 +16,7 @@ const { isDark } = useData(); The Formatting Toolbar appears whenever you highlight text in the editor, and is mainly used for styling. -image +image ## Custom Formatting Toolbar diff --git a/packages/website/docs/docs/side-menu.md b/packages/website/docs/docs/side-menu.md index 0fef39f46c..d6d2733a66 100644 --- a/packages/website/docs/docs/side-menu.md +++ b/packages/website/docs/docs/side-menu.md @@ -7,7 +7,8 @@ path: /docs/side-menu @@ -16,11 +17,11 @@ const { isDark } = useData(); The Block Side Menu appears whenever you hover over a block, and is used to drag & drop the block as well as add new ones below it. -image +image You can also click the drag handle in the Block Side Menu (`⠿`) to open the Drag Handle Menu. -image +image ## Custom Drag Handle Menu diff --git a/packages/website/docs/docs/slash-menu.md b/packages/website/docs/docs/slash-menu.md index dc30f3fd1d..272e6c1458 100644 --- a/packages/website/docs/docs/slash-menu.md +++ b/packages/website/docs/docs/slash-menu.md @@ -16,9 +16,7 @@ const { isDark } = useData(); The Slash Menu is the list of commands which shows up whenever you type the "/" (slash) character, or when you click the "+" button in the [Side Menu](/docs/side-menu): - - -image +image ## Slash Menu Items