Dottiv1.1
← Components

Skeleton

Component

Loading placeholder component with different variants and animations.

Installation & Usage

Basic Usage
import { Skeleton } from 'dotti'

<Skeleton variant="text" width="80%" />
<Skeleton variant="rectangular" width="100%" height="80px" />

Examples

Skeleton Variants

Different skeleton shapes for various content types.

Code
<Skeleton variant="text" width="80%" />
<Skeleton variant="rectangular" width="100%" height="80px" />
<Skeleton variant="circular" width="60px" height="60px" />
<Skeleton variant="avatar" />

Multiple Lines

Skeleton with multiple lines for text content.

Code
<Skeleton variant="text" lines={3} />

Props