Set disabled state in React Switch component
7 Aug 20231 minute to read
Switch can be disabled by setting the disabled
property to true.
The following example illustrates how to disable support in Switch component.
import { enableRipple } from '@syncfusion/ej2-base';
import { SwitchComponent } from '@syncfusion/ej2-react-buttons';
import * as React from 'react';
import * as ReactDom from 'react-dom';
enableRipple(true);
// To render Switch with checked state.
function App() {
return (<SwitchComponent disabled={true}/>);
}
export default App;
ReactDom.render(<App />, document.getElementById('switch'));
import { enableRipple } from '@syncfusion/ej2-base';
import { SwitchComponent } from '@syncfusion/ej2-react-buttons';
import * as React from 'react';
import * as ReactDom from 'react-dom';
enableRipple(true);
// To render Switch with checked state.
function App() {
return (
<SwitchComponent disabled={true} />
);
}
export default App;
ReactDom.render(<App />, document.getElementById('switch'));