const SwitchAdapter = ({ input: { onChange, value }, option }) => ( <FormControlLabel label={option.name} classes={LabelClasses} control={<Switch checked={value} onChange={(e, c) => onChange(c)} />} /> )
function Slider () { const [state, setState] = React.useState({ checkedA: true, checkedB: true, }); const handleChange = (event) => { setState({ ...state, [event.target.name]: event.target.checked }); }; return ( <FormGroup row> <FormControlLabel control={ <Switch checked={state.checkedB} onChange={handleChange} name="checkedB" color= "primary" /> } /> </FormGroup> ); }
render() { console.log(this.props.component.state.blackStarts); return ( <Modal header={"Settings"} footer={this.getFooter()}> <div className="row"> <FormLabel component="legend">Who starts:</FormLabel> </div> <div className="row"> <div>White</div> <Switch className="switch-black-starts" checked={this.props.component.state.blackStarts} onChange={event => settingsActions.setWhoStarts(this.props.component, event) } /> <div>Black</div> </div> </Modal> ); }
</Grid> <Grid item xs={5}> <Switch checked={entity.statuscode === 1} onChange={changeState(entity.of_oneflowentityid, entity.statuscode)}
classes={{ label: classes.titleLabel }} control={ <Switch checked={watching} onChange={toggleWatching}
App Title </Typography> <Switch onChange={toggleTheme} /> <div className={classes.grow} /> <div className={classes.search}>
classes={{ root: classes.label, label: classes.watchAllText }} control={ <Switch checked={watchingStars} disabled={starsWorking} classes={{ root: classes.label }} control={ <Switch checked={unwatchingNonstars} onChange={toggleUnwatchingNonstars} }} control={ <Switch disabled={starsWorking || watchingStars} checked={repo.gitpunching}
<p> Light <Switch onClick={handleTheme} /> Dark </p> <CodeArea
alignItems="flex-start"> <h3 style={{ marginTop: '0' }}>Receptor</h3> <Switch onChange={(e) => handleChangeEstadoGiro(giro.id, e.target.checked)} checked={giro.estado}
className={classes.field} control={ <Switch checked={values.allDay} name="allDay"
</Paper> <FormControlLabel control={<Switch checked={dense} onChange={handleChangeDense} />} label="Dense padding" />
App Title </Typography> <Switch onChange={toggleTheme} /> <div className={classes.grow} /> <div className={classes.search}>
<p> Light <Switch onClick={handleTheme} /> Dark </p> <CodeArea