Skeleton 骨架屏

Feedback · Display component

Content loading skeletons.

On-demand importwbbb-ui/components/skeleton

Basic Usage

Example code

<script setup lang="ts">
import { WbbbSkeleton } from 'wbbb-ui/components/skeleton'
import 'wbbb-ui/styles/skeleton'
</script>

<template>
  <WbbbSkeleton />
</template>

Live mobile previewOpen in a new tab ↗

States and Interaction

All listed states can be operated and verified in the live Playground preview.

Default加载空态 / 失败Finished

API Reference

Props

Property	Description	Type	Default	Required
animated	Enables the component transition animation.	boolean	true	No
avatar	Sets the avatar image or avatar content source.	boolean	false	No
loading	Shows a loading state and blocks repeated interaction when applicable.	boolean	true	No
rows	Sets the number of visible text rows.	number	3	No
title	Sets the component title text.	boolean	true	No

Events

None

Slots

• default

Two-way binding

Does not support v-model.

Platform Notes

Build verification: H5, App Vue, WeChat Mini Program, Alipay Mini Program, and Douyin Mini Program.

Runtime differences: H5 supports keyboard focus and reduced motion. Mini Programs provide equivalent touch interaction; verify upload, date selection, and overlays on target platforms.

Usage note: Use Playground to verify further state combinations and cross-platform behavior.