• Introduction
  • Getting Started
  • Vue 2 End of Support
  • Native Components
    • Animation
    • Buttons
    • Chartsupdated
    • Conversational UInew
    • Data Query
    • Data Tools
    • Date Inputs
    • Date Math
    • Dialogs
    • Drawing
    • Dropdownsupdated
    • Editor
    • Excel Export
    • File Saver
    • Form
    • Gauges
    • Grid
    • Icons
    • Indicators
    • Inputs
    • Labels
    • Layoutupdated
    • ListBox
    • ListView
    • Notification
    • PDF Processing
    • Popup
    • Progress Bars
    • Scheduler
    • ScrollView
    • Tooltip
    • TreeList
    • TreeView
    • Upload
  • Wrapper Components
  • Sample Applications
  • Styling & Themes
  • Common Features
  • Project Setup
  • Knowledge Base
  • Changelog
  • FAQ
  • Troubleshooting
New to Kendo UI for Vue? Start a free 30-day trial

ColorGradientProps

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

NameTypeDefaultDescription

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.

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.

tabIndex?

number

Sets the tabIndex property of the ColorGradient.

value?

string

The value of the ColorGradient.