A collection of loading spinner components for react
Full Changelog: https://github.com/davidhu2000/react-spinners/compare/v0.13.7...v0.13.8
Feature: Removed @emotion/react
as a dependency and rewrote all components as functional components. This library now has ZERO dependencies.
This resulted in a huge component size reduction. As compared between 0.12.0 and 0.13.0
0.13.0 0.12.0
Feature: Add support for custom props such as aria-label
Feature: Updated RiseLoader
rise amount to be the same as size
prop instead of hard coded 30px
Breaking Change: css
prop is renamed to cssOverride
to avoid conflicts with css-in-js libraries
Storybook is introduced to better demo the components. The demo site is simplified to only allow color changes.
display: inherit
to the default styles to fix the rendering issueMajor Changes
Minor Changes
/** @jsxImportSource @emotion/react */
to fix issue with the new jsx runtime.The component API has been simplified. The length prop can now accept number or string.
Major Changes
sizeUnit
, heightUnit
, widthUnit
, and radiusUnit
. The size
, height
, width
, and radius
props now accepts number
and string
.
px
px
margin
prop now works the same way as other length props. Can accept number
and string
Minor Changes
css
prop default is now ""
. No functionality change here.FadeLoader
and RotateLoader
so it actually expands the spacing between the elements.color
prop section to include a list of available color words accepted.yarn
installation instruction to the README.The entire package has been rewritten in TypeScript. The package will now support individual loader imports with types.
Major changes:
main
key value in package.json
to point to the correct index.js
prop-types
and recompose
from dependenciesMinor changes:
PacmanLoader
css top property to respect sizeUnit
prop.radius
and radiusUnit
.transform
key to the RiseLoader
animation.tslint
and prettier
to enforce code consistency."
to .babelrc
in README.className
prop with css
prop to match convention of the Emotion package.onlyUpdateForKeys
is imported from recompose
. Reduced import cost from 26kb to 19kb.className
prop to allow more customization using emotion
module.loaderStyle
prop in favor of the new className
prop.loaderStyle
to allow more customization for each loader.For example,
<Barloader loaderStyle={{ opacity: 0.7 }} />
Emotion 8 deprecated the composes
key in the css method. This causes several loaders to not render properly. Fixed the rendering issue for all the loaders on this release.