Back to Component Browser
LoadingArea
Quartzlib/quartz/components/LoadingArea/index.ts
Preview
Import
import { LoadingArea } from '@/lib/quartz';Props (4)
| Name | Type | Required | Default | Description |
|---|---|---|---|---|
| children | ReactNode | required | — | The content that is available after loading |
| loading | boolean | required | — | Whether the loading spinner should show and the content inside should not be rendered |
| height | BoxHeightValue | optional | 20 | Set this to your best guess of the height of the content loading in (in px). This will help reduce layout shift as much as possible. |
| aria-live | BoxProps | optional | — | Option to choose announcing of the content loading in. Not recommended for large blocks of content as it will read aloud too much. Off by default. |
Usage
Not used in any projects yet.