add react node view demo

2021-03-18 09:38:34 +01:00
parent df5908d42e
commit 3eabf10e03
4 changed files with 116 additions and 0 deletions
--- a/docs/src/demos/Guide/NodeViews/ReactComponent/styles.scss
+++ b/docs/src/demos/Guide/NodeViews/ReactComponent/styles.scss
@@ -0,0 +1,32 @@
+/* Basic editor styles */
+.ProseMirror {
+  > * + * {
+    margin-top: 0.75em;
+  }
+}
+
+.react-component {
+  border: 1px solid #adb5bd;
+  border-radius: 0.5rem;
+  margin: 1rem 0;
+  position: relative;
+}
+
+.label {
+  margin-left: 1rem;
+  background-color: #adb5bd;
+  font-size: 0.6rem;
+  letter-spacing: 1px;
+  font-weight: bold;
+  text-transform: uppercase;
+  color: #fff;
+  position: absolute;
+  top: 0;
+  padding: 0.25rem 0.75rem;
+  border-radius: 0 0 0.5rem 0.5rem;
+}
+
+.content {
+  margin-top: 1.5rem;
+  padding: 1rem;
+}