# react-gradient-container

> a Multipurpose presentational gradient container

Latest version **1.2.4** (published 2018-09-25) · MIT license · 0 weekly downloads

## Install

```sh
npm install react-gradient-container
pnpm add react-gradient-container
yarn add react-gradient-container
bun add react-gradient-container
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.2.4 |
| Published | 2018-09-25 |
| First published | 2018-06-12 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 12 |
| Unpacked size | 2 MB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 0 |
| Author | Jose Munoz |
| Maintainers | jdmg93 |

## Links

- npm: https://www.npmjs.com/package/react-gradient-container
- Repository: https://github.com/jdmg94/react-gradient-container
- Homepage: https://jdmg94.github.io/react-gradient-container
- npm.io page: https://npm.io/package/react-gradient-container

## Dependencies (12)

- [react](https://npm.io/package/react.md) ^16.4.1
- [redux](https://npm.io/package/redux.md) ^4.0.0
- [lodash](https://npm.io/package/lodash.md) ^4.17.10
- [react-dom](https://npm.io/package/react-dom.md) ^16.5.2
- [prop-types](https://npm.io/package/prop-types.md) ^15.6.2
- [redux-saga](https://npm.io/package/redux-saga.md) ^0.16.0
- [react-redux](https://npm.io/package/react-redux.md) ^5.0.7
- [react-spring](https://npm.io/package/react-spring.md) ^5.7.2
- [color-convert](https://npm.io/package/color-convert.md) ^1.9.3
- [@babel/runtime](https://npm.io/package/@babel/runtime.md) ^7.0.0
- [styled-components](https://npm.io/package/styled-components.md) ^3.4.6
- [redux-devtools-extension](https://npm.io/package/redux-devtools-extension.md) ^2.13.5

## Recent versions

- 1.2.4 (latest) — 2018-09-25
- 1.2.3 — 2018-09-17
- 1.2.2 — 2018-09-17
- 1.2.1 — 2018-09-15
- 1.2.0 — 2018-09-14
- 1.1.3 — 2018-07-17
- 1.1.2 — 2018-07-16
- 1.1.1 — 2018-07-16
- 1.1.0 — 2018-07-16
- 1.0.1 — 2018-06-12
- 1.0.0 — 2018-06-12

## README

# React Gradient Container

### Changelog v1.2.4

* Colors prop
* Code Cleanup
* Orientation prop
* Component Encapsulation

### About

This project follows the [ducks modular redux](https://github.com/erikras/ducks-modular-redux) pattern and the airbnb code style, its a redux implementation of a progressive interpolated gradient, you can put any content within it and have it present over a moving gradient background, it is highly customizable and it has been tested on Chrome, Firefox, Safari, Opera, Android and iOS.

### Installation

  `npm install --save react-gradient-container`

   or

   `yarn add react-gradient-container`

### Usage	

    import GradientContainer from 'react-gradient-container'

    export default props => {
    	return <GradientContainer {...props} />
    }
    
  

| Name   | Description | Default Value |
|--------|-------------|:-------------:|
| colors | The color values used to transition a gradient. It can be an array of hex values with or without has, or a vector of RGB values   | ```['3E23FF', '3CFF3C', 'FF2362', '2DAFE6', 'FF00FF']``` |
| orientation | general direction of the gradient. The value can represent a pair of coordinate or a radial value expressed as a degree. | ```[ 'bottom', 'right' ]``` |

### Technical Debt

* tests are pending

### License

[MIT License](https://github.com/jdmg94/react-gradient-container/blob/master/LICENSE)

Copyright (c) 2018 José David Muñoz

---
_Source: https://npm.io/package/react-gradient-container · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._