Create skeleton screens that automatically adapt to your app!
MIT License
Bot releases are hidden (Show)
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)Published by srmagura over 1 year ago
main
and module
being incorrect in package.json
. (#191)Published by srmagura over 1 year ago
"moduleResolution": "nodenext"
compiler option. (#187)Published by srmagura over 1 year ago
user-select: none
so that it cannot be selected. (#179)Published by srmagura over 1 year ago
prefers-reduced-motion
accessibility setting.Published by srmagura over 1 year ago
'use client'
directive to make the library compatible with React Server Components and Next.js 13. (#162)Published by srmagura over 2 years ago
count
is set to a decimal number like 3.5, the component will display 3Published by srmagura over 2 years ago
Published by srmagura almost 3 years ago
Skeleton
prop to undefined, like <Skeleton highlightColor={undefined}>
, blocking style options from the SkeletonTheme
(#128)
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" />
Published by srmagura almost 3 years ago
SkeletonProps
not being exported from the main entry point (#118)enableAnimation
prop having no effect. This was a regression.Published by srmagura almost 3 years ago
Add the new required CSS import:
import 'react-loading-skeleton/dist/skeleton.css'
Read the full list of breaking changes to see if any affect you.
SkeletonTheme
using React context
SkeletonTheme
rendered a <div>
which was undesirable in manySkeletonTheme
does not render any DOM elements.SkeletonTheme
did not work if the Skeleton
was rendered in aSkeletonTheme
does work in this case.SkeletonTheme
: rename the color
prop to baseColor
If you need to support Internet Explorer or use an old version of React, please
continue to use react-loading-skeleton
v2.
SkeletonTheme
direction
prop to support right-to-left animationenableAnimation
prop to allow disabling the animationcontainerClassName
prop to allow customizing the container elementcontainerTestId
to make testing easieraria-live
and aria-busy
attributes to the skeleton container tobackground-position
property which madetransform
of a pseudoelement. Thiswidth
and height
to be set for the circle
prop toduration
from 1.2 s to 1.5 sSkeleton
base color a tiny bit darker so that thewidth
propwrapper
prop in the type definitions