Components

Skeleton

A placeholder shape that hints at the content while it loads.

Variants

Usage

import { Skeleton } from '@onersoft/design-system'

<Skeleton height={120} />
<Skeleton variant="text" width="60%" />
<Skeleton variant="circle" width={40} />

Props

PropTypeDefault
variant'block' | 'text' | 'circle''block'
widthnumber | string
heightnumber | string

On this page