https://github.com/rfoel/styled-content-loader

The simplest solution for content loading in React and styled-components.
https://github.com/rfoel/styled-content-loader

content-loader react styled-components

Last synced: 2 months ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/rfoel/styled-content-loader
• Owner: rfoel
• License: mit
• Created: 2020-10-16T23:10:38.000Z (about 4 years ago)
• Default Branch: main
• Last Pushed: 2023-01-17T08:08:00.000Z (almost 2 years ago)
• Last Synced: 2024-11-06T17:09:49.583Z (2 months ago)
• Topics: content-loader, react, styled-components
• Language: TypeScript
• Homepage: https://rfoel.github.io/styled-content-loader/
• Size: 2.91 MB
• Stars: 15
• Watchers: 1
• Forks: 7
• Open Issues: 18
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE

Awesome Lists containing this project

README

        
# styled-content-loader

[![npm](https://img.shields.io/npm/v/styled-content-loader)](https://www.npmjs.com/styled-content-loader)

[![npm bundle size](https://img.shields.io/bundlephobia/minzip/styled-content-loader)](https://www.npmjs.com/styled-content-loader)

[![NPM](https://img.shields.io/npm/l/styled-content-loader)](LICENSE.md)

[![semantic-release](https://img.shields.io/badge/%20%20%F0%9F%93%A6%F0%9F%9A%80-semantic--release-e10079.svg)](https://github.com/semantic-release/semantic-release)

The simplest solution for content loading in [React](http://reactjs.org/) and [styled-components](https://styled-components.com/).

## 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

```js

import React from 'react'

import StyledContentLoader from 'styled-content-loader'

const App = () => {

  return (

    

      

    

  )

}

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](https://github.com/rfoell/styled-content-loader/blob/main/LICENSE)