Summary Files Commits Branches @commit @diff @stats
path: root / docs / src / contents / loading.pug
diff options
context:
space:
mode:
Commit329fec6799945d878247d6d70f1a6ad26ade3f77 (patch)
Author
 Yan Zhu <picturepan2@hotmail.com>
2018-06-10 11:09:52 +0800
Committer
 GitHub <noreply@github.com>
2018-06-10 11:09:52 +0800
Files9225a7e69444531c04fba3f028b49c73c80c1d47 /docs/src/contents/loading.pug
Spectre-Dark-Gruvbox-329fec6799945d878247d6d70f1a6ad26ade3f77.tar
Spectre-Dark-Gruvbox-329fec6799945d878247d6d70f1a6ad26ade3f77.tar.gz
Spectre-Dark-Gruvbox-329fec6799945d878247d6d70f1a6ad26ade3f77.zip
Parent7a6af53bca72b549b2cbf1948763348bd5b30dcd (diff)
Parent1c439a3201df5b559b124940c8fcc2702c345631 (diff)
Merge pull request #451 from picturepan2/0.5.2
0.5.2
1 files changed, 21 insertions, 0 deletions
-rw-r--r--docs/src/contents/loading.pug21
diff --git a/docs/src/contents/loading.pug b/docs/src/contents/loading.pug
new file mode 100644
index 0000000..38a1dad
--- /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.
+
+.docs-demo.columns
+ .column.col-12.text-center
+ .loading
+
+p
+ | Add the #[code loading-lg] class for large size.
+
+.docs-demo.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