add dynamic tags

2021-03-14 21:45:14 +01:00
parent 380d27fe86
commit 8ccb1d08cf
2 changed files with 17 additions and 7 deletions
--- a/packages/react/src/NodeViewContent.tsx
+++ b/packages/react/src/NodeViewContent.tsx
@@ -1,13 +1,19 @@
 import React from 'react'
 import { useReactNodeView } from './useReactNodeView'

-export const NodeViewContent: React.FC = props => {
+export interface NodeViewContentProps {
+  as: React.ElementType
+}
+
+export const NodeViewContent: React.FC<NodeViewContentProps> = props => {
  // TODO
  // @ts-ignore
  const { isEditable } = useReactNodeView()

+  const Tag = props.as || 'div'
+
  return (
-    <div
+    <Tag
      data-node-view-content=""
      contentEditable={isEditable}
      style={{
@@ -15,5 +21,4 @@ export const NodeViewContent: React.FC = props => {
      }}
    />
  )
-
 }