Skip to content

Skeleton

Use to show a placeholder while content (text/image) is loading.

Text

Media

Card

Usage

vue
<script setup lang="ts">
import { Skeleton } from '@youcan/ui-vue3';
</script>

<template>
  <div className="container">
    <Skeleton type="media" />
  </div>
</template>

<style scoped>
.container {
  min-width: 400px;
}
</style>

API Reference