ColorGradientProps

Represents the props of the Kendo UI for Vue ColorGradient component.

Name	Type	Default	Description
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.
ariaLabelledBy?	string		Identifies the element(s) which will label the component.
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.
class?	string		Sets additional CSS classes to the ColorGradient.
defaultValue?	string		The default value of the ColorGradient.
disabled?	boolean		Determines whether the ColorGradient is disabled (more information and example).
id?	string		Specifies the id of the component.
innerTabIndex?	number		Sets tabindex of the inner components of the ColorGradient.
modelRgbaValue?	string		The model rgba value of the ColorGradient.
modelValue?	string		The model value of the ColorGradient.
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"	medium	Configures the size of the ColorGradient. The available options are: small medium large null—This option removes the the built-in size styles of the ColorGradient. Allows for custom padding.
tabIndex?	number		Sets the tabIndex property of the ColorGradient.
value?	string		The value of the ColorGradient.