Skeleton

Basic Usage

​

<script setup>
import { Skeleton } from '@vrgl/vergil/components'
</script>

<template>
    <Skeleton/>
</template>

<style>
.skeleton {
    width: 300px;
    height: 80px;
}
</style>

API Reference

Props

prop	type	default
descendant	boolean
size	'xs' | 'sm' | 'md' | 'lg' | 'xl'	'md'
radius	'none' | 'sm' | 'md' | 'lg' | 'full'	'md'
spacing	'' | 'compact' | 'expanded'	''

Configuration options

Skeleton's configuration options allow to overwrite some Skeleton props' default values and may be overwritten under the skeleton root-level configuration option.

skeleton.<option>	type	default	global
size	size		✅
radius	radius		✅
spacing	spacing		✅

Anatomy

<div.skeleton/>