react-gradient-picker

react gradient picker

Usage no npm install needed!

<script type="module">
  import reactGradientPicker from 'https://cdn.skypack.dev/react-gradient-picker';
</script>

README

React gradient picker component

Describe API

Input Properties

Parameter Type Description
gradient Array Array of objects
  • step: string
  • color: string
  • alpha: number
visibleGradientCSS Boolean The condition to visible text css property background-image
heightGradientPanel Number Height of gradient panel
widthPoint Number width of points
heightPoint Number Height of points

Methods

Parameter Type Return Description
changePaletteParam Function Array of objects
  • key: number
  • step: string
  • color: string
  • alpha: string
  • active: boolean (sign to active point)
Apply the change palette params