|
@@ -2,13 +2,15 @@ import React from "react";
|
2
|
2
|
import '../../Css/loading.css'
|
3
|
3
|
|
4
|
4
|
import { Box, Paper } from '@mui/material'
|
|
5
|
+
|
|
6
|
+const types = [
|
|
7
|
+ "dot-pulse", "dot-elastic", "dot-flashing", "dot-collision", "dot-revolution", "dot-carousel",
|
|
8
|
+ "dot-fire", "dot-spin", "dot-falling", "dot-stretching"
|
|
9
|
+];
|
|
10
|
+
|
5
|
11
|
|
6
|
12
|
export function Loading() {
|
7
|
13
|
|
8
|
|
- const types = [
|
9
|
|
- "dot-pulse", "dot-elastic", "dot-flashing", "dot-collision", "dot-revolution", "dot-carousel",
|
10
|
|
- "dot-fire", "dot-spin", "dot-falling", "dot-stretching"
|
11
|
|
- ];
|
12
|
14
|
|
13
|
15
|
return (
|
14
|
16
|
<div className="content-section">
|
|
@@ -29,3 +31,15 @@ export function Loading() {
|
29
|
31
|
|
30
|
32
|
)
|
31
|
33
|
}
|
|
34
|
+
|
|
35
|
+export function Simple() {
|
|
36
|
+ return (
|
|
37
|
+ <div className="snippet" data-title=".dot-pulse">
|
|
38
|
+ <div className="stage">
|
|
39
|
+ <div className={types[0]}></div>
|
|
40
|
+ </div>
|
|
41
|
+ </div>
|
|
42
|
+
|
|
43
|
+ )
|
|
44
|
+}
|
|
45
|
+
|