path: root / docs / src / contents / loading.pug


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
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>