preact-material-components icon indicating copy to clipboard operation
preact-material-components copied to clipboard

Published 20 hours ago • verified publisher icon prateekbh

Card ripple

Open gopalramadugu opened this issue 6 years ago • 7 comments

Does the Card support the Card ripple effect ? The below link from Material io does support that. The ripple effect is on the Card it self. I am trying to create a pricing page. I would like offer the users to select with the ink ripple effect and show as selected once the user clicks the button.

https://material-components.github.io/material-components-web-catalog/#/component/card

gopalramadugu avatar Jan 06 '19 21:01 gopalramadugu

The ripple prop should do it.

cromefire avatar Jan 06 '19 21:01 cromefire

Is that a property on Card or card.media ? I am using a card with card.media that has an image background. Once the user click the image he directed to a new page. I tried ripple on both card and card.media. I have set it ripple={true}. But it doesn't work.

gopalramadugu avatar Jan 07 '19 03:01 gopalramadugu

It should be on every component. In the demo the ripple is applied to the primary action: devtools

cromefire avatar Jan 07 '19 14:01 cromefire

I created a codepen https://codesandbox.io/s/6lo565y03w. I added the ripple ={true} but it doesnt work. Am I missing something ?

gopalramadugu avatar Jan 08 '19 04:01 gopalramadugu

No I schedule this for 2.0

cromefire avatar Jan 08 '19 06:01 cromefire

Thank you @cromefire . Do we know the release date or planned release date for 2.0 ?

gopalramadugu avatar Jan 09 '19 02:01 gopalramadugu

No sorry, it's very depending on our time, I think first components might be in alpha in a few weeks

cromefire avatar Jan 09 '19 08:01 cromefire