@chakra-ui/skeleton
TypeScript icon, indicating that this package has built-in type declarations

2.1.0 • Public • Published

@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

yarn add @chakra-ui/skeleton

# or

npm i @chakra-ui/skeleton

Import component

import { Skeleton } from "@chakra-ui/skeleton"

Usage

<Skeleton>
  <span>Chakra ui is cool</span>
</Skeleton>

Package Sidebar

Install

npm i @chakra-ui/skeleton

Weekly Downloads

426,431

Version

2.1.0

License

MIT

Unpacked Size

79.8 kB

Total Files

36

Last publish

Collaborators

  • segunadebayo
  • _codebender828