32 lines
540 B
Markdown
32 lines
540 B
Markdown
# @chakra-ui/skeleton
|
||
|
||
Skeleton page is used to provide a low fidelity representation of the user
|
||
interface (UI) before content appears on the page
|
||
|
||
A skeleton screen is a user experience pattern that’s shown to reduce load time
|
||
frustration. They create better “perceived performance”.
|
||
|
||
## Installation
|
||
|
||
```sh
|
||
yarn add @chakra-ui/skeleton
|
||
|
||
# or
|
||
|
||
npm i @chakra-ui/skeleton
|
||
```
|
||
|
||
## Import component
|
||
|
||
```jsx
|
||
import { Skeleton } from "@chakra-ui/skeleton"
|
||
```
|
||
|
||
## Usage
|
||
|
||
```jsx
|
||
<Skeleton>
|
||
<span>Chakra ui is cool</span>
|
||
</Skeleton>
|
||
```
|