Introduction

The skeleton screen component displays a simple placeholder structure while page content is loading. It supports custom skeleton layouts, animation effects, background colors, and other features, providing a unified placeholder solution for content loading. It is suitable for scenarios that need to improve the waiting experience.

Usage

Import it locally by configuring it in the index.json of the page or component where it is needed.

"usingComponents": {
  "skeletonscreen": "ava-ui/fxui/SkeletonScreen/SkeletonScreen"
}

Code Demo

Basic Type Demo

Combined Examples

Object List Page Skeleton

Object Form Page Skeleton

Object Detail Page Skeleton

Feed Page Skeleton

API

Parameters

| Parameter | Description | Type | Accepted Values | Default | |---------- |-------- |---------- |------------- |-------- |-------- | | screenCount | Number of skeleton screens | Number | — | 1 | | type | Skeleton screen type | String | normal | normal | | disabledAnimation | Whether to disable animation (animation has some impact on rendering performance) | Boolean | — | false | roundCard | Whether to display as a rounded card | Boolean | — | false

Events

Name	Parameters	Description

打开预览