react gradient picker

Usage no npm install needed!

<script type="module">
  import reactGradientPicker from '';


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


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