React Loading Skeleton Versions Save

Features

• Remove z-index: 1 from the skeleton. This was a Safari-specific workaround that is no longer necessary in the latest versions of the browser. (#216)

Bug Fixes

• Fix main and module being incorrect in package.json. (#191)

Features

• The library is now compatible with TypeScript's "moduleResolution": "nodenext" compiler option. (#187)

Bug Fixes

• The skeleton now has user-select: none so that it cannot be selected. (#179)

Thanks!

• @larsmunkholm

Features

• The skeleton animation no longer plays for users who have enabled the prefers-reduced-motion accessibility setting.

Thanks!

• @RoseMagura

Chores

• Add the 'use client' directive to make the library compatible with React Server Components and Next.js 13. (#162)

Thanks!

• @cravend

Features

• If count is set to a decimal number like 3.5, the component will display 3 full-width skeletons followed by 1 half-width skeleton. (#136)

Bug Fixes

• Fix an edge case where the animated highlight had the wrong vertical position (#133)

Thanks!

• @HexM7

Bug Fixes

• Fix explicitly setting a Skeleton prop to undefined, like <Skeleton highlightColor={undefined}>, blocking style options from the SkeletonTheme (#128)
  • If you were relying on this behavior to block values from the SkeletonTheme, you can render a nested SkeletonTheme to override a theme defined higher up in the component tree, OR explicitly set one or more Skeleton props back to their default values e.g. <Skeleton baseColor="#ebebeb" />

Bug Fixes

• Fix circle skeleton animation being broken in Safari (#120)
• Fix SkeletonProps not being exported from the main entry point (#118)
• Fix enableAnimation prop having no effect. This was a regression.