From 001c30b1f808f41a67a698d0ed6bd4dc7296a2b8 Mon Sep 17 00:00:00 2001
From: domnantas <domantas@zyro.com>
Date: Wed, 25 Aug 2021 00:12:41 +0300
Subject: [PATCH] docs: add color picker to color extension demo

---
 docs/src/demos/Extensions/Color/index.vue | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/docs/src/demos/Extensions/Color/index.vue b/docs/src/demos/Extensions/Color/index.vue
index 3747d023..d02c97e9 100644
--- a/docs/src/demos/Extensions/Color/index.vue
+++ b/docs/src/demos/Extensions/Color/index.vue
@@ -1,5 +1,10 @@
 <template>
   <div v-if="editor">
+    <input
+      type="color"
+      @input="editor.chain().focus().setColor($event.target.value).run()"
+      :value="editor.getAttributes('textStyle').color"
+    >
     <button @click="editor.chain().focus().setColor('#958DF1').run()" :class="{ 'is-active': editor.isActive('textStyle', { color: '#958DF1' })}">
       purple
     </button>