CODEWITHSUNDEEP
javascriptcssangularjssassangular-material
Simon Dragsbæk
Simon Dragsbæk

Reputation: 2399

Angular material, when adding a ripple it will fill instead of disappearing

I'm developing a framework on top of angular material for easy usage. I want to know if there is a fill version of the md-ink-ripple directive so that the ripple is an actual fill color when it is been set.

<myDiv md-ink-ripple>
   <div class="md-ripple-container">
      // so in an active state this will fill "myDiv" with color and stay fully sized
      <div class="md-ripple"></div>
   </div>
</myDiv>

Upvotes: 1

Views: 2764

Answers (1)

mutp
mutp

Reputation: 2389

You can customize the color of the ripple effect on any element by using - 

<md-list-item md-ink-ripple="#03A9F4">
</md-list-item>

Hope it helps! Cheers!

Upvotes: 2

Related Questions