Update old docs to new Pug templates

1 files changed, 21 insertions, 0 deletions

diff --git a/docs/src/contents/loading.pug b/docs/src/contents/loading.pug
new file mode 100644
index 0000000..c7643b2
--- /dev/null
+++ b/docs/src/contents/loading.pug
@@ -0,0 +1,21 @@
+p
+  | Loading indicator is used for loading or updating.
+  | You can add the #[code loading] class to a container for loading status.
+
+.columns
+  .column.col-12.text-center
+    .loading
+
+p
+  | Add the #[code loading-lg] class for large size.
+
+.columns
+  .column.col-12.text-center
+    .loading.loading-lg
+
+pre.code(data-lang='HTML')
+  code
+    :highlight(lang="html")
+      <!-- loading element -->
+      <div class="loading"></div>
+      <div class="loading loading-lg"></div>
\ No newline at end of file