blob: 8b1064079539b2d0dbedded852d7cd0604de6987 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
|
<script>
import { GlSkeletonLoader } from '@gitlab/ui';
export default {
components: {
GlSkeletonLoader,
},
};
</script>
<template>
<gl-skeleton-loader :height="200">
<!-- Top left -->
<rect y="2" width="10" height="8" />
<rect y="2" x="15" width="15" height="8" />
<rect y="2" x="35" width="15" height="8" />
<!-- Top right -->
<rect y="2" x="354" width="10" height="8" />
<rect y="2" x="366" width="10" height="8" />
<rect y="2" x="378" width="10" height="8" />
<rect y="2" x="390" width="10" height="8" />
<!-- Middle header -->
<rect y="15" width="400" height="30" rx="2" ry="2" />
<!-- Dashboard container -->
<rect y="50" width="200" height="100" rx="2" ry="2" />
</gl-skeleton-loader>
</template>
|