Having trouble getting help?
Contact Support
Contact Support
Disabled in React Color picker component
29 Aug 20232 minutes to read
To achieve disabled state in ColorPicker, set the disabled
property to true
. The ColorPicker pop-up cannot be accessed in disabled state.
The following example shows the disabled
state of ColorPicker component.
import { ColorPickerComponent } from '@syncfusion/ej2-react-inputs';
import * as React from "react";
import * as ReactDOM from "react-dom";
function App() {
return (<div id='container'>
<div className='wrap'>
<h4>Choose Color</h4>
<ColorPickerComponent disabled={true}/>
</div>
</div>);
}
;
export default App;
ReactDOM.render(<App />, document.getElementById('element'));
import { ColorPickerComponent } from '@syncfusion/ej2-react-inputs';
import * as React from "react";
import * as ReactDOM from "react-dom";
function App() {
return (
<div id='container'>
<div className='wrap'>
<h4>Choose Color</h4>
<ColorPickerComponent disabled={true}/>
</div>
</div>
);
};
export default App;
ReactDOM.render(<App />, document.getElementById('element'));