feat(editor): footer slot

donotebase · Sep 3, 2020 · 141920d · 141920d
1 parent e820d3a
commit 141920d
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/src/components/QuasarTiptap.vue b/src/components/QuasarTiptap.vue
@@ -16,9 +16,11 @@
     <q-scroll-area ref="editorScroll" class="editor-scroll-area" :class="`view-${pageView}`" v-if="scrollable">
       <q-scroll-observer @scroll="onScroll" />
       <editor-content class="editor__content o--note-preview note-step-side-editor" :editor="editor" />
+      <slot name="footer"></slot>
     </q-scroll-area>
     <div v-else>
       <editor-content class="editor__content o--note-preview note-step-side-editor" :editor="editor" />
+      <slot name="footer"></slot>
     </div>
   </section>
 </template>

diff --git a/src/pages/examples/basic.vue b/src/pages/examples/basic.vue
@@ -11,7 +11,11 @@
         </div>
       </header>
       <section class="row col-10 q-pa-md">
-        <quasar-tiptap ref="editor" v-bind="options" @update="onUpdate" />
+        <quasar-tiptap ref="editor" v-bind="options" @update="onUpdate">
+          <div slot="footer">
+            This is footer.
+          </div>
+        </quasar-tiptap>
       </section>
     </section>
   </q-page>