DEV Community

Discussion on: Recreating the material design ripple effect in React

Collapse
 
dustinkiselbach profile image
dustinkiselbach

Basically I would like to have the ripple effect over an entire component, with sub components inside with different onclick functions. Would this be possible?

Thread Thread
 
rohanfaiyazkhan profile image
Rohan Faiyaz Khan

Oh yeah absolutely. You actually don't need to nest the children inside the ripple in that case. You would do something like this:

<ParentComponent>
   <ChildButton onClick={someHandler} />
   <Ripple />
</ParentComponent>

You might want to be a little concious of the event bubbling if you are using this approach.

Thread Thread
 
dustinkiselbach profile image
dustinkiselbach

Thanks so much!