From 00cd74e2c69332ae37b7ae20a9c10668a38f06d9 Mon Sep 17 00:00:00 2001
From: Anton Liubushkin <anton.liubushkin@gmail.com>
Date: Mon, 16 May 2022 17:07:32 +0300
Subject: [PATCH] Add `className` option and pass through to ReactRenderer

---
 packages/react/src/ReactNodeViewRenderer.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/packages/react/src/ReactNodeViewRenderer.tsx b/packages/react/src/ReactNodeViewRenderer.tsx
index f15c1b10..3b2c9fa1 100644
--- a/packages/react/src/ReactNodeViewRenderer.tsx
+++ b/packages/react/src/ReactNodeViewRenderer.tsx
@@ -21,6 +21,7 @@ export interface ReactNodeViewRendererOptions extends NodeViewRendererOptions {
     updateProps: () => void,
   }) => boolean) | null,
   as?: string,
+  className?: string,
 }
 
 class ReactNodeView extends NodeView<React.FunctionComponent, Editor, ReactNodeViewRendererOptions> {
@@ -87,12 +88,14 @@ class ReactNodeView extends NodeView<React.FunctionComponent, Editor, ReactNodeV
     if (this.options.as) {
       as = this.options.as
     }
+    
+    const className = this.options.className ? ` ${this.options.className}` : ''
 
     this.renderer = new ReactRenderer(ReactNodeViewProvider, {
       editor: this.editor,
       props,
       as,
-      className: `node-${this.node.type.name}`,
+      className: `node-${this.node.type.name}` + className,
     })
   }