Skeleton and Spinner
Placeholders shown while content loads.
Spinner
Usage
import { Skeleton } from '@smartui/react';
import '@smartui/react/styles.css';When to use
- Loading content whose shape is known.
When not to use
- Very short loads. Show nothing instead.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
shape | 'text' | 'circle' | 'block' | 'text' | |
width, height | number | string | - |
Accessibility
- Shapes are hidden from screen readers; the container announces loading once.
- The pulse stops when reduced motion is requested.