What is KendoReact
Getting Started
Server Components
Components
- Animation
- Barcodes
- Buttons
- Chartsupdated
- Common Utilities
- Conversational UIupdated
- Data Gridupdated
- Data Query
- Data Tools
- Date Inputs
- Date Math
- Dialogs
- Drawing
- Dropdownsupdated
- Editor
- Excel Export
- File Saver
- Formupdated
- Ganttupdated
- Gauges
- Indicators
- Inputsupdated
- - Overview
  - Getting Started
  - Checkbox
  - ColorGradientupdated
  - ColorPalette
  - ColorPickerupdated
  - FlatColorPickerupdated
  - Input
  - MaskedTextBoxupdated
  - NumericTextBoxupdated
  - RadioButton
  - RadioGroup
  - RangeSlider
  - Rating
  - Signature
  - Slider
  - Switch
  - TextAreaupdated
  - Floating Labels
  - TextBox
  - Custom attributes
  - Props Context
  - Globalization
  - API
- Labels
- Layoutupdated
- ListBoxupdated
- ListView
- Map
- Notification
- OrgChartnew
- PDF Processing
- PDFViewer
- PivotGrid
- Popup
- Progress Bars
- Ripple
- Scheduler
- ScrollView
- Sortable
- Spreadsheetupdated
- TaskBoard
- Tooltips
- TreeList
- TreeViewupdated
- Upload
Sample Applications
Styling & Themes
Common Features
Project Setup
Knowledge Base
Changelog
Updates
Troubleshooting

Components / Inputs / API / ColorPickerGradientSettings /

ColorPickerGradientSettings

The settings of the ColorGradient that is nested inside the popup of the ColorPicker (see example).

Name	Type	Default	Description
backgroundColor?	`string`		Enables the color contrast tool. Sets the background color that will be compared to the selected value. The tool will calculate the contrast ratio between two colors. Currently, only the RGBA format is supported.
opacity?	`boolean`		Specifies if the component will render an alpha slider. Defaults to `true`.

Is this article helpful?

Thank you for your feedback!