React Gradient Container
Changelog v1.2.4
- Colors prop
- Code Cleanup
- Orientation prop
- Component Encapsulation
About
This project follows the 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
Copyright (c) 2018 José David Muñoz