@illa-design/skeleton v1.3.0

Skeleton

Skeleton is used for display the loading state of some components.

Installation

yarn add @illa-design/skeleton

Import component

import { Skeleton } from "@illa-dedign/skeleton"

API

Skeleton Basic Properties

SkeletonImageProps

SkeletonTextProps

Example

Basic usage

<Skeleton />

Set row number of text's skeleton

<Skeleton text={{ rows: 10 }} />

custom last row width

<Skeleton text={{ rows: 5, width: "60%" }} />

custom all row width

<Skeleton text={{ rows: 5, width: ["20%", "40%", "60%", 200, 400] }} />

With image skeleton

<Skeleton image />

Set square image skeleton

<Skeleton image={{ shape: "square" }} />

with animation

<Skeleton image animation />