ui/docs/content/7.layout/3.skeleton.md

github, description

github	description
true	Display a placeholder while content is loading.

Usage

Use to show a placeholder while content is loading.

::component-example #default :skeleton-example

#code

<template>
  <div class="flex items-center space-x-4">
    <USkeleton class="h-12 w-12 rounded-full" />
    <div class="space-y-2">
      <USkeleton class="h-4 w-[250px]" />
      <USkeleton class="h-4 w-[200px]" />
    </div>
  </div>
</template>

::

Props

:component-props

Preset

:component-preset