All files / app/assets/javascripts/whats_new/components skeleton_loader.vue

100% Statements 2/2
100% Branches 0/0
100% Functions 1/1
100% Lines 2/2

Press n or j to go to the next uncovered block, b, p or k for the previous block.

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  1x                 75x                              
<script>
import { GlSkeletonLoader } from '@gitlab/ui';
 
export default {
  components: {
    GlSkeletonLoader,
  },
};
</script>
 
<template>
  <gl-skeleton-loader :width="350" :height="420">
    <rect width="350" height="16" />
    <rect y="25" width="110" height="16" rx="8" />
    <rect x="115" y="25" width="110" height="16" rx="8" />
    <rect x="230" y="25" width="110" height="16" rx="8" />
    <rect y="50" width="350" height="165" rx="12" />
    <rect y="230" width="480" height="8" />
    <rect y="254" width="560" height="8" />
    <rect y="278" width="320" height="8" />
    <rect y="302" width="480" height="8" />
    <rect y="326" width="560" height="8" />
    <rect y="365" width="80" height="8" />
  </gl-skeleton-loader>
</template>