@chakra-xui/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-xui/skeleton

# or

npm i @chakra-xui/skeleton

Import components

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

Change Log

1.0.4

Patch Changes

• 5c8f0838 #2833 Thanks @TimKolberger! - SkeletonText accepts fadeDuration and speed prop and animates children

1.0.3

Patch Changes

• 40a4ab8d #2775 Thanks @Samic8! - ## 🐛 Bug Fix

  Prevent content from fading-in on initial render when isLoaded is already true (#2644)

  For example, the content would appear without the fade-in animation in this case:

  <Skeleton isLoaded={true}>
    <h1>My Content</h1>
  </Skeleton>

• Updated dependencies [730a2da1, e73878ee]:

  • @chakra-xui/system@1.1.0
  • @chakra-xui/utils@1.0.2
  • @chakra-xui/media-query@1.0.2
  • @chakra-xui/hooks@1.0.2

1.0.2

Patch Changes

• Updated dependencies [653f3dd6]:
  • @chakra-xui/system@1.0.2

1.0.1

Patch Changes

• Updated dependencies [5c482483, 204ff7e3, a1ff404b]:
  • @chakra-xui/utils@1.0.1
  • @chakra-xui/hooks@1.0.1
  • @chakra-xui/media-query@1.0.1
  • @chakra-xui/system@1.0.1

All notable changes to this project will be documented in this file. See Conventional Commits for commit guidelines.

1.0.0 (2020-11-13)

Note: Version bump only for package @chakra-xui/skeleton

Change Log

All notable changes to this project will be documented in this file. See Conventional Commits for commit guidelines.

1.0.0-rc.8 (2020-10-29)

Bug Fixes

• toast: allow custom render in update (eb8bff9), closes #2362

Change Log

All notable changes to this project will be documented in this file. See Conventional Commits for commit guidelines.

1.0.0-rc.7 (2020-10-25)

Note: Version bump only for package @chakra-xui/skeleton

1.0.0-rc.6 (2020-10-25)

Note: Version bump only for package @chakra-xui/skeleton

1.0.0-rc.5 (2020-09-27)

Note: Version bump only for package @chakra-xui/skeleton

1.0.0-rc.4 (2020-09-25)

Note: Version bump only for package @chakra-xui/skeleton

1.0.0-rc.3 (2020-08-30)

Note: Version bump only for package @chakra-xui/skeleton

Change Log

All notable changes to this project will be documented in this file. See Conventional Commits for commit guidelines.

1.0.0-rc.2 (2020-08-09)

Note: Version bump only for package @chakra-xui/skeleton

Change Log

All notable changes to this project will be documented in this file. See Conventional Commits for commit guidelines.

1.0.0-rc.1 (2020-08-06)

Note: Version bump only for package @chakra-xui/skeleton

Change Log

All notable changes to this project will be documented in this file. See Conventional Commits for commit guidelines.

1.0.0-rc.0 (2020-07-26)

Note: Version bump only for package @chakra-xui/skeleton

Change Log

All notable changes to this project will be documented in this file. See Conventional Commits for commit guidelines.

1.0.0-next.7 (2020-07-26)

Note: Version bump only for package @chakra-xui/skeleton

Change Log

All notable changes to this project will be documented in this file. See Conventional Commits for commit guidelines.

1.0.0-next.6 (2020-07-15)

Note: Version bump only for package @chakra-xui/skeleton

Change Log

All notable changes to this project will be documented in this file. See Conventional Commits for commit guidelines.

1.0.0-next.5 (2020-07-15)

Note: Version bump only for package @chakra-xui/skeleton

Change Log

All notable changes to this project will be documented in this file. See Conventional Commits for commit guidelines.

1.0.0-next.4 (2020-07-01)

Bug Fixes

• #891 (e107acc)
• ts issue with sx prop (d3b1340)

Change Log

All notable changes to this project will be documented in this file. See Conventional Commits for commit guidelines.

1.0.0-next.3 (2020-06-28)

Bug Fixes

• #891 (e107acc)
• ts issue with sx prop (d3b1340)

Change Log

All notable changes to this project will be documented in this file. See Conventional Commits for commit guidelines.

1.0.0-next.2 (2020-06-21)

Bug Fixes

• #891 (e107acc)