# Improvements 🎉 

- Add radial gradient type (https://github.com/bukinoshita/random-gradient/issues/1)
- Add vertical gradient type (https://github.com/bukinoshita/random-gradient/issues/2)
- Add horizontal gradient type (https://github.com/bukinoshita/random-gradient/issues/3)
- Improve diagonal gradient, looks cool! (https://github.com/bukinoshita/random-gradient/issues/4)


v0.0.2

# random-gradient [![Build Status](https://travis-ci.org/bukinoshita/random-gradient.svg?branch=master)](https://travis-ci.org/bukinoshita/random-gradient)

> Generate beautiful random gradients

<br/>
<img src="https://cldup.com/S4sruO8J60.png" width="600"/>

## Install
```
$ npm install --save random-gradient
```

## Usage
```js
// with React

import gradient from 'random-gradient'

export default ({ name }) => {
  const bgGradient = { background: gradient(name) }

  return (
    <div style={bgGradient}>
      <h2>{name}</h2>
    </div>
  )
}
```

## API
### randomGradient(uid, type)

#### uid
Type: `string`<br/>
Required

#### type
Type: `string`<br/>
Default: `diagonal`<br/>
Options: `diagonal`, `vertical`, `horizontal`, `radial`<br/>

## Related

- [hash-avatar](https://github.com/bukinoshita/hash-avatar) — :rainbow: Hash avatar algorithm
- [react-hash-avatar](https://github.com/bukinoshita/react-hash-avatar) — React hash avatar algorithm

## License
[MIT](https://github.com/bukinoshita/random-gradient/blob/master/LICENSE) &copy; Bu Kinoshita


random-gradient

.css-1z04cui{margin-bottom:var(--chakra-space-4);font-size:var(--chakra-fontSizes-md);}v0.0.2

Improvements 🎉

Install

Usage

API

randomGradient(uid, type)

uid

type

Related

License

v0.0.2