From 6905eaaf9f0d0bd9a6c82f69ba231eb77f2579db Mon Sep 17 00:00:00 2001
From: Daniel <50356015+danny007in@users.noreply.github.com>
Date: Mon, 18 Jan 2021 21:14:41 +0530
Subject: [PATCH] preloader docs done

---
 docs/layout.md | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)

diff --git a/docs/layout.md b/docs/layout.md
index 9ea4feb82..7668ff568 100644
--- a/docs/layout.md
+++ b/docs/layout.md
@@ -49,6 +49,23 @@ You can also use the following classes for responsive changes with placing
 {: .quote-info}
 
 
+#### Preloader
+
+Preloader to avoid [https://github.com/ColorlibHQ/AdminLTE/discussions/3319](https://github.com/ColorlibHQ/AdminLTE/discussions/3319)
+
+```html
+<div class="wrapper">
+  <!-- Preloader -->
+  <div class="preloader">
+    <img src="dist/img/AdminLTELogo.png" alt="AdminLTELogo" height="60">
+  </div>
+</div>
+```
+
+- Preloader elements should be added inside `.wrapper` element.
+- You can replace image OR modify size OR include any preload items inside `.preloader` element.
+
+
 #### Dark Mode
 
 AdminLTE 3.1 provides a dark mode option. You can add in body tag: