The simplest solution for content loading in React and styled-components.
npm install styled-components styled-content-loader
yarn add styled-components styled-content-loader
styled-components is a peer dependency, so you should install it yourself.
import React from 'react'
import StyledContentLoader from 'styled-content-loader'
const App = () => {
return (
<StyledContentLoader>
<Component />
</StyledContentLoader>
)
}
export default App
Name | Description | Default |
---|---|---|
backgroundColor | Animation background color | #e6e6e6 |
foregroundColor | Animation foreground color | #f0f0f0 |
isLoading | Wether it will be shown or not | true |
Issues and pull requests are welcome.