React-toolbox: Ability to remove ripple effect from the Checkbox
Is it possible to remove ripple from the Checkbox element?
This doesn't work:
<Checkbox
checked={this.state.check1}
label="Checked option"
onChange={this.handleChange.bind(this, 'check1')}
ripple={false}
/>
m-maksyutin
All 4 comments
It doesn't look like Checkbox has a ripple property, the only thing I can think about is overriding the theme changing this line: https://github.com/react-toolbox/react-toolbox/blob/dev/components/checkbox/theme.css#L14
rubenmoya
on 5 Jul 2017
I have tried to override this part in my theme with no success. Even if I remove this part from default theme.css, the ripple still takes place.
There is a Theme section on the page http://react-toolbox.com/#/components/checkbox which contains some information: "ripple Used for the ripple component." But I don't understand how to use this option.
m-maksyutin
on 5 Jul 2017
import CheckboxStyle from './Checkbox.css';
<Checkbox theme={CheckboxStyle} />
inCheckbox.css set .ripple{display: none};
yanpu-si
on 27 Sep 2017
Hiding the ripple using display none, will keep the ripple node in the DOM.
pbflanagan
on 2 Jan 2018
Related issues
wtgtybhertgeghgtwtg
路
3Comments
claudiuapetrei
路
4Comments
fraenku
路
3Comments
dbrrt
路
3Comments
saintc0d3r
路
4Comments
Most helpful comment
Hiding the ripple using display none, will keep the ripple node in the DOM.