From 57bed60db7fb5ad51e8110c625507233353ecc1b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C3=87etin?=
 <69278826+cetincakiroglu@users.noreply.github.com>
Date: Mon, 13 May 2024 16:35:32 +0300
Subject: [PATCH] Update quill documentation

---
 src/app/showcase/doc/editor/quilldoc.ts | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/src/app/showcase/doc/editor/quilldoc.ts b/src/app/showcase/doc/editor/quilldoc.ts
index 719d0332c52..5d9188d2003 100644
--- a/src/app/showcase/doc/editor/quilldoc.ts
+++ b/src/app/showcase/doc/editor/quilldoc.ts
@@ -6,12 +6,22 @@ import { Code } from '@domain/code';
     template: `
         <app-docsectiontext>
             <p>Editor uses <a href="https://quilljs.com/">Quill</a> editor underneath so it needs to be installed as a dependency.</p>
+            <p>Also, core styles of the Quill should be imported in the project's root style file.</p>
         </app-docsectiontext>
         <app-code [code]="code" [hideToggleCode]="true"></app-code>
+        <div class="mt-3">
+            <app-code [code]="code2" [hideToggleCode]="true"></app-code>
+        </div>
     `
 })
 export class QuillDoc {
     code: Code = {
         basic: `npm install quill`
     };
+
+    code2: Code = {
+        basic: `// import Quill styles in styles.scss
+@import "../node_modules/quill/dist/quill.core.css";
+@import "../node_modules/quill/dist/quill.snow.css";`
+    };
 }