ColorGradientProps

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.

Represent the label of the component.

Represents the label of the hsv drag handle component used inside the ColorGradient.

Identifies the element(s) which will label the component.

Represents the text rendered inside the hsv drag handle.

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.

Sets additional classes to the ColorGradient.

The default value of the ColorGradient.

Determines whether the ColorGradient is disabled (more information and example).

Copy Codeclass App extends React.Component {
   render() {
      return (
          <ColorGradient disabled={true} />
      );
   }
}
ReactDOM.render(<App />, document.querySelector('my-app'));

Sets the default input format in the gradient input editor.

Specifies the id of the component.

Determines the event handler that will be fired when the user edits the value.

Represents the focus event.

Determines whether the alpha slider and the alpha input will be displayed. Defaults to true.

The styles that are applied to the ColorGradient.

Sets the tabIndex property of the ColorGradient.

The value of the ColorGradient.