ColorGradientProps
Represents the props of the KendoReact ColorGradient component.
Definition
Package:@progress/kendo-react-inputs
Properties
ariaDescribedBy?
string
Identifies the element(s) which will describe the component, similar to HTML aria-describedby attribute. For example these elements could contain error or hint message.
ariaLabel?
string
Represent the label of the component.
ariaLabelHSV?
string
Represents the label of the hsv drag handle component used inside the ColorGradient.
ariaLabelledBy?
string
Identifies the element(s) which will label the component.
ariaValueText?
string
Represents the text rendered inside the hsv drag handle.
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.
className?
string
Sets additional classes to the ColorGradient.
defaultValue?
string
The default value of the ColorGradient.
disabled?
boolean
Determines whether the ColorGradient is disabled (more information and example).
format?
"rgba" | "hex" | "rgb"
Sets the default input format in the gradient input editor.
'rgb'
gradientSliderSmallStep?
number
Determines the step (in pixels) when moving the gradient drag handle using the keyboard arrow keys while holding the shift key.
2
gradientSliderStep?
number
Determines the step (in pixels) when moving the gradient drag handle using the keyboard arrow keys.
5
id?
string
Specifies the id of the component.
onChange?
(event: ColorGradientChangeEvent) => void
Determines the event handler that will be fired when the user edits the value.
onFocus?
(event: any) => void
Represents the focus event.
opacity?
boolean
Determines whether the alpha slider and the alpha input will be displayed. Defaults to true.
size?
"small" | "medium" | "large"
Configures the size of the ColorGradient.
The available options are:
smallmediumlarge
undefined (theme-controlled)
style?
CSSProperties
The styles that are applied to the ColorGradient.
tabIndex?
number
Sets the tabIndex property of the ColorGradient.
value?
string
The value of the ColorGradient.