Skip to content
On this page

Placeholder

A placeholder preview for content before the data gets loaded, an alternative for spinners.

We have implemented 3 types of placeholder. You can use any of them depending on your need.

Basic example

vue
<template>
  <div>
    <!-- Example One -->
    <CardSkeleton :count="3" />
    <!-- Example Two -->
    <TodoSkeleton :count="3" />
    <!-- Example Three -->
    <TableSkeleton :count="3" />
  </div>
</template>
<script setup>
import CardSkeleton from '@/components/Skeleton/Project-grid.vue';
import TodoSkeleton from '@/components/Skeleton/Todo.vue';
import TableSkeleton from '@/components/Skeleton/Table.vue';
</script>

COPYRIGHT © 2022 Codeshaper, All rights reserved.