A ReactNode that represents the content of the editor.
{"docsConfig":{"$schema":"https://mintlify.com/docs.json","theme":"mint","name":"Novel Docs","colors":{"primary":"#334155","light":"#cbd5e1","dark":"#334155"},"favicon":"/favicon.svg","logo":{"light":"https://mintlify.s3-us-west-1.amazonaws.com/novel/logo/logo.svg","dark":"https://mintlify.s3-us-west-1.amazonaws.com/novel/logo/logo.svg"},"background":{"decoration":null,"color":{"light":null,"dark":"#020817"}},"navbar":{"primary":{"type":"button","label":"Demo","href":"https://novel.sh/"}},"footer":{"socials":{"twitter":"https://twitter.com/mintlify","github":"https://github.com/mintlify","linkedin":"https://www.linkedin.com/company/mintsearch"}},"navigation":{"pages":[]}},"deployment":{"deploymentMetadataValue":{"subdomain":"novel","hasAudioNarration":false,"actualSubdomain":"novel","customDomains":[],"gitSource":{"type":"github","owner":"steven-tey","repo":"novel","deployBranch":"main","contentDirectory":"apps/docs","isPrivate":false,"mountPath":"","label":""},"chroma":{"liveDeploymentHistoryId":"6a21e61a4c43fec466d793d4","collectionId":"7950ce1b-313f-46c1-8dd7-cfef11376d1b","schemaVersion":"v2"},"entitlements":{"AI_CHAT":{"status":"DISABLED"}},"buildId":"6ae91eed1deeea3b72fa0deb:success","clientVersion":"0.0.4074","searchFilterCounts":[{"language":"default","tag":"Components","count":13},{"language":"default","tag":"Documentation","count":11},{"language":"default","tag":"Guides","count":8},{"language":"default","tag":"Using Tailwind","count":4},{"language":"default","tag":"Get Started","count":3},{"language":"default","tag":"Utils","count":1}]},"assistantConfig":{},"basePath":"/docs","hasChatPermissions":false,"hasWebMcpPermissions":false,"toggles":[{"name":"kill-isr","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"agent-mintlify-slack","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"agent-integrations-settings","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"rbac-expansion","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automations-pr-grouping","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"custom-prefix","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"analytics-v7","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"user-flows-analytics","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"no-publish-flow","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-onboarding","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"llms-txt-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"snapshot-serving-live","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"stripTemperatureMiddleware","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"support-platform-pylon-zendesk","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"snapshot-serving","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"instant-rollback","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"granular-notifications-server","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"granular-notifications","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automations-fable","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"fixed-ai-action-pricing","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automation-resolve-merge-conflict","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"scoped-publishing","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"mintql","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"page-level-analytics","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"editor-version-history-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"billing-page-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"full-page-search","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workspace-projects","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"assistant-v5","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"fork-pr-previews","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"revalidation-jwt","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"vite-origin","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-sso-scim","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"hobby-abuse-scan","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"dashboard-inbox","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-signup","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"turbopuffer-dual-write","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-enabled","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"approve-review-flow","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"sso-setup-deadline-banner","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"turbopuffer-serve","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"live-agents","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"comment-mode","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false}],"googleFontsInlined":false},"customCss":[],"page":{"pagePath":"components/editor-root","slug":"/components/editor-root","pageMetadata":{"title":"Editor Root","description":"A wrapper component for the editor. It provides a consistent layout and styling for the editor.","href":"/components/editor-root"},"description":{"compiledSource":"\"use strict\";\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const _components = {\n p: \"p\",\n ..._provideComponents(),\n ...props.components\n };\n return _jsx(_components.p, {\n children: \"A wrapper component for the editor. It provides a consistent layout and styling for the editor.\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = {\n ..._provideComponents(),\n ...props.components\n };\n return MDXLayout ? _jsx(MDXLayout, {\n ...props,\n children: _jsx(_createMdxContent, {\n ...props\n })\n }) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\n","frontmatter":{},"scope":{}},"pageType":"default","mdx":{"mdxSource":{"compiledSource":"\"use strict\";const{Fragment:_Fragment,jsx:_jsx,jsxs:_jsxs}=arguments[0];const{useMDXComponents:_provideComponents}=arguments[0];function _createMdxContent(props){const _components={code:`code`,p:`p`,pre:`pre`,span:`span`,..._provideComponents(),...props.components},{CodeBlock,Heading,Info,ParamField}=_components;if(!CodeBlock)_missingMdxReference(`CodeBlock`,true);if(!Heading)_missingMdxReference(`Heading`,true);if(!Info)_missingMdxReference(`Info`,true);if(!ParamField)_missingMdxReference(`ParamField`,true);return _jsxs(_Fragment,{children:[_jsx(Info,{children:_jsx(_components.p,{children:`This example demonstrates the use of Shadcn-ui for ui, but alternative libraries and components\ncan also be employed.`})}),`\n`,_jsx(CodeBlock,{numberOfLines:`1`,language:`tsx`,children:_jsx(_components.pre,{className:`shiki shiki-themes github-light-default dark-plus`,style:{backgroundColor:`#ffffff`,\"--shiki-dark-bg\":`#0B0C0E`,color:`#1f2328`,\"--shiki-dark\":`#D4D4D4`},language:`tsx`,children:_jsxs(_components.code,{language:`tsx`,numberOfLines:`1`,children:[_jsxs(_components.span,{className:`line`,children:[_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#808080`},children:`\u003c`}),_jsx(_components.span,{style:{color:`#116329`,\"--shiki-dark\":`#4EC9B0`},children:`EditorRoot`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#808080`},children:`>`}),_jsx(_components.span,{style:{color:`#CF222E`,\"--shiki-dark\":`#569CD6`},children:`{`}),_jsx(_components.span,{style:{color:`#CF222E`,\"--shiki-dark\":`#D4D4D4`},children:`...`}),_jsx(_components.span,{style:{color:`#CF222E`,\"--shiki-dark\":`#569CD6`},children:`}`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#808080`},children:`\u003c/`}),_jsx(_components.span,{style:{color:`#116329`,\"--shiki-dark\":`#4EC9B0`},children:`EditorRoot`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#808080`},children:`>`})]}),`\n`]})})}),`\n`,_jsx(Heading,{level:`2`,id:`props`,children:`Props`}),`\n`,_jsx(ParamField,{required:true,path:`children`,type:`ReactNode`,id:`param-children`,children:_jsx(_components.p,{children:`A ReactNode that represents the content of the editor.`})})]})}function MDXContent(props={}){const{wrapper:MDXLayout}={..._provideComponents(),...props.components};return MDXLayout?_jsx(MDXLayout,{...props,children:_jsx(_createMdxContent,{...props})}):_createMdxContent(props)}return{default:MDXContent};function _missingMdxReference(id,component){throw new Error(`Expected `+(component?`component`:`object`)+\" `\"+id+\"` to be defined: you likely forgot to import, pass, or provide it.\")}","frontmatter":{},"scope":{"config":{},"pageMetadata":{"title":"Editor Root","description":"A wrapper component for the editor. It provides a consistent layout and styling for the editor.","href":"/components/editor-root"}}},"mdxSourceWithNoJs":null},"mdxExtracts":{"tableOfContents":[{"title":"Props","slug":"props","depth":2,"children":[]}],"codeExamples":{}},"jsLinks":[],"subdomain":"novel","siteName":"Novel Docs","title":"Editor Root - Novel Docs","navMaps":{"firstHrefInVersion":{},"firstHrefInLanguage":{}},"originalFileLocation":"components/editor-root.mdx"},"headHtml":"\u003cscript data-mint-head>(function(){var d=document.documentElement,p=null;if(!p){try{p=localStorage.getItem(\"isDarkMode\")}catch(e){}if(p==='true')p='dark';else if(p==='false')p='light';if(p!=='light'\u0026\u0026p!=='dark'\u0026\u0026p!=='system')p=\"system\"}var r=p==='system'?(matchMedia(\"(prefers-color-scheme: dark)\").matches?'dark':'light'):p;d.classList.remove(r==='dark'?'light':'dark');d.classList.add(r);d.setAttribute(\"data-theme-preference\",p)})();\u003c/script>\u003cmeta data-mint-head name=\"description\" content=\"A wrapper component for the editor. It provides a consistent layout and styling for the editor.\">\u003cmeta data-mint-head name=\"application-name\" content=\"Novel Docs\">\u003cmeta data-mint-head name=\"generator\" content=\"Mintlify\">\u003clink data-mint-head rel=\"apple-touch-icon\" type=\"image/png\" sizes=\"180x180\" href=\"https://mintlify.s3.us-west-1.amazonaws.com/novel/_generated/favicon/apple-touch-icon.png?v=3\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"32x32\" href=\"https://mintlify.s3.us-west-1.amazonaws.com/novel/_generated/favicon/favicon-32x32.png?v=3\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"https://mintlify.s3.us-west-1.amazonaws.com/novel/_generated/favicon/favicon-16x16.png?v=3\">\u003clink data-mint-head rel=\"shortcut icon\" type=\"image/x-icon\" href=\"https://mintlify.s3.us-west-1.amazonaws.com/novel/_generated/favicon/favicon.ico?v=3\">\u003cmeta data-mint-head property=\"og:title\" content=\"Editor Root - Novel Docs\">\u003cmeta data-mint-head property=\"og:description\" content=\"A wrapper component for the editor. It provides a consistent layout and styling for the editor.\">\u003cmeta data-mint-head property=\"og:site_name\" content=\"Novel Docs\">\u003cmeta data-mint-head property=\"og:url\" content=\"https://novel.mintlify.dev/docs/components/editor-root\">\u003cmeta data-mint-head property=\"og:type\" content=\"website\">\u003cmeta data-mint-head property=\"og:image\" content=\"https://novel.mintlify.site/docs/_mintlify/api/og/v2?division=Components\u0026amp;title=Editor+Root\u0026amp;description=A+wrapper+component+for+the+editor.+It+provides+a+consistent+layout+and+styling+for+the+editor.\u0026amp;theme=1db2db13fdd17a6050e9487a\u0026amp;signature=d0c9cf61bd6e356ec8d26278809b8f675a6da57313fe82db84cd43e67d13bb0c\">\u003cmeta data-mint-head property=\"og:image:width\" content=\"1200\">\u003cmeta data-mint-head property=\"og:image:height\" content=\"630\">\u003cmeta data-mint-head name=\"twitter:card\" content=\"summary_large_image\">\u003cmeta data-mint-head name=\"twitter:title\" content=\"Editor Root - Novel Docs\">\u003cmeta data-mint-head name=\"twitter:description\" content=\"A wrapper component for the editor. It provides a consistent layout and styling for the editor.\">\u003cmeta data-mint-head name=\"twitter:image\" content=\"https://novel.mintlify.site/docs/_mintlify/api/og/v2?division=Components\u0026amp;title=Editor+Root\u0026amp;description=A+wrapper+component+for+the+editor.+It+provides+a+consistent+layout+and+styling+for+the+editor.\u0026amp;theme=1db2db13fdd17a6050e9487a\u0026amp;signature=d0c9cf61bd6e356ec8d26278809b8f675a6da57313fe82db84cd43e67d13bb0c\">\u003cmeta data-mint-head name=\"twitter:image:width\" content=\"1200\">\u003cmeta data-mint-head name=\"twitter:image:height\" content=\"630\">\u003cmeta data-mint-head name=\"msapplication-config\" content=\"https://mintlify.s3.us-west-1.amazonaws.com/novel/_generated/favicon/browserconfig.xml?v=3\">\u003cmeta data-mint-head name=\"apple-mobile-web-app-title\" content=\"Novel Docs\">\u003cmeta data-mint-head name=\"msapplication-TileColor\" content=\"#334155\">\u003clink data-mint-head rel=\"canonical\" href=\"https://novel.mintlify.dev/docs/components/editor-root\">\u003clink data-mint-head rel=\"alternate\" type=\"application/xml\" href=\"/docs/sitemap.xml\">\u003clink data-mint-head rel=\"alternate\" type=\"text/markdown\" href=\"/docs/components/editor-root.md\">\u003cscript data-mint-head type=\"application/ld+json\">{\"@context\":\"https://schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https://novel.mintlify.dev/#organization\",\"name\":\"Novel Docs\",\"url\":\"https://novel.mintlify.dev\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https://mintlify.s3-us-west-1.amazonaws.com/novel/logo/logo.svg\"}},{\"@type\":\"WebSite\",\"@id\":\"https://novel.mintlify.dev/docs#website\",\"name\":\"Novel Docs\",\"url\":\"https://novel.mintlify.dev/docs\",\"publisher\":{\"@id\":\"https://novel.mintlify.dev/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https://novel.mintlify.dev/docs/components/editor-root#webpage\",\"url\":\"https://novel.mintlify.dev/docs/components/editor-root\",\"name\":\"Editor Root\",\"description\":\"A wrapper component for the editor. It provides a consistent layout and styling for the editor.\",\"isPartOf\":{\"@id\":\"https://novel.mintlify.dev/docs#website\"},\"breadcrumb\":{\"@id\":\"https://novel.mintlify.dev/docs/components/editor-root#breadcrumb\"}},{\"@type\":\"BreadcrumbList\",\"@id\":\"https://novel.mintlify.dev/docs/components/editor-root#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Novel Docs\",\"item\":\"https://novel.mintlify.dev/docs\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Editor Root\",\"item\":\"https://novel.mintlify.dev/docs/components/editor-root\"}]},{\"@type\":[\"Article\",\"TechArticle\"],\"@id\":\"https://novel.mintlify.dev/docs/components/editor-root#article\",\"headline\":\"Editor Root\",\"name\":\"Editor Root\",\"description\":\"A wrapper component for the editor. It provides a consistent layout and styling for the editor.\",\"url\":\"https://novel.mintlify.dev/docs/components/editor-root\",\"mainEntityOfPage\":{\"@id\":\"https://novel.mintlify.dev/docs/components/editor-root#webpage\"},\"publisher\":{\"@id\":\"https://novel.mintlify.dev/#organization\"},\"isPartOf\":{\"@id\":\"https://novel.mintlify.dev/docs#website\"}}]}\u003c/script>\u003cscript data-mint-head type=\"application/ld+json\">{\"@context\":\"https://schema.org\",\"@type\":\"WebSite\",\"name\":\"Novel Docs\",\"creator\":{\"@type\":\"Organization\",\"name\":\"Mintlify\",\"url\":\"https://mintlify.com\"}}\u003c/script>","siteName":"Novel Docs","nav":{"global":null,"anchors":[{"anchor":"Documentation","icon":"book-open","pages":[{"title":"Documentation","href":"/introduction"}]},{"anchor":"Components","icon":"react","groups":[{"group":"Components","pages":[{"title":"Editor Root","href":"/components/editor-root"},{"title":"Editor Content","description":"Wrapper for Tiptap Provider ","href":"/components/editor-content"},{"title":"Editor Command","href":"/components/editor-command"},{"title":"Editor Command Item","href":"/components/editor-command-item"},{"title":"Editor Bubble","href":"/components/editor-bubble"},{"title":"Editor Bubble Item","href":"/components/editor-bubble-item"}]},{"group":"Utils","pages":[{"title":"useEditor","href":"/components/utils/use-editor"}]}]},{"anchor":"Github","href":"https://github.com/steven-tey/novel","icon":"github"}]},"basePath":"","title":"Editor Root - Novel Docs","buildId":"dpl_CEsowfH15TDzsBT2BFbX312Be4Ct","deploymentId":"dpl_CEsowfH15TDzsBT2BFbX312Be4Ct","dynamics":[],"chunks":[]}