Controlled Mode

Premium

Updated on Jun 24, 2026

By default, the ColorGradient is in an uncontrolled state.

To manage the state of the ColorGradient:

1. Use its value property.
2. Handle the onChange event.
3. Pass the new value through the props.

The following example demonstrates how to control the ColorGradient value and display the selected color outside the component.

Change Theme

Theme

Loading ...

Suggested Links

• API Reference of the ColorGradient