search

prateekbh / preact-material-components

preact wrapper for "Material Components for the web"
https://material.preactjs.com
MIT License
554 stars 81 forks source link

Card ripple #1203

Open gopalramadugu opened 5 years ago

gopalramadugu commented 5 years ago

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

cromefire commented 5 years ago

The ripple prop should do it.

gopalramadugu commented 5 years ago

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.

cromefire commented 5 years ago

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

gopalramadugu commented 5 years ago

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

cromefire commented 5 years ago

No I schedule this for 2.0

gopalramadugu commented 5 years ago

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

cromefire commented 5 years ago

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