v3.5.0

Features

• Add optional customHighlightBackground prop. (#233)

3.4.0

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)

3.3.1

Bug Fixes

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

3.3.0

Features

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

3.2.1

Bug Fixes

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

Thanks!

• @larsmunkholm

3.2.0

Features

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

Thanks!

• @RoseMagura

3.1.1

Chores

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

Thanks!

• @cravend

3.1.0

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)

3.0.3

Bug Fixes

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

Thanks!

• @hexm7

3.0.2

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" />