Disabled in React Color picker component
30 Jan 20231 minute 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'));