Skip to content

mantine.mdx

Latest commit

 

History

History
35 lines (27 loc) · 1.14 KB

mantine.mdx

File metadata and controls

35 lines (27 loc) · 1.14 KB
title With Mantine
description Mantine rich text editor using BlockNote
imageTitle Mantine rich text editor using BlockNote

Getting Started With Mantine

Mantine is an open-source collection of React components.

npm install @blocknote/core @blocknote/react @blocknote/mantine
npm install @mantine/core @mantine/hooks @mantine/utils
pnpm add @blocknote/core @blocknote/react @blocknote/mantine
npm install @mantine/core @mantine/hooks @mantine/utils
bun add @blocknote/core @blocknote/react @blocknote/mantine
npm install @mantine/core @mantine/hooks @mantine/utils

To use BlockNote with Mantine, you can import BlockNoteView from @blocknote/mantine and the stylesheet from @blocknote/mantine/style.css.

<Callout type={"info"}> If your application already uses Mantine UI, you should use the @blocknote/mantine/blocknoteStyles.css stylesheet instead. It only contains the styles added by BlockNote on top of the Mantine core styles, whereas @blocknote/mantine/style.css includes both.