styled-content-loader

Simplest solution for content loader in React and styled-components

Usage no npm install needed!

<script type="module">
  import styledContentLoader from 'https://cdn.skypack.dev/styled-content-loader';
</script>

README

styled-content-loader

npm npm bundle size NPM semantic-release

The simplest solution for content loading in React and styled-components.

Getting Started

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.

Usage

import React from 'react'
import StyledContentLoader from 'styled-content-loader'

const App = () => {
  return (
    <StyledContentLoader>
      <Component />
    </StyledContentLoader>
  )
}

export default App

Props

Name Description Default
backgroundColor Animation background color #e6e6e6
foregroundColor Animation foreground color #f0f0f0
isLoading Wether it will be shown or not true

Contributing

Issues and pull requests are welcome.

License

MIT