ion-ripple-effect
漣漪效果元件會加入 Material Design 墨水漣漪互動效果。此元件只能在 <ion-app> 內使用，並且可以加入任何元素內。
在父元素上設定相對定位是很重要的，因為漣漪效果是絕對定位的，並且會覆蓋其最近具有相對定位的父元素。父元素也應該給予 ion-activatable 類別，這會告訴漣漪效果該元素是可點擊的。如果漣漪溢出其容器，建議將 overflow: hidden 加入父元素。
基本用法
類型
漣漪效果有兩種類型："bounded" 和 "unbounded"。預設類型 "bounded" 會從點擊位置向外擴展漣漪效果。若要加入總是從元素中心開始並以圓形擴展的漣漪效果，請將類型設定為 "unbounded"。
自訂
可以透過 CSS 將漣漪自訂為不同的顏色。預設情況下，漣漪顏色會設定為繼承文字顏色，通常是主體顏色。這可以透過在父元素或漣漪效果本身設定 CSS color 來變更。
屬性
type
| 描述 | 設定漣漪效果的類型 - bounded：漣漪效果從使用者的點擊位置擴展 - unbounded：漣漪效果從按鈕的中心擴展並溢出容器。注意：有界漣漪的表面應將 overflow 屬性設定為 hidden，而無界漣漪的表面應將其設定為 visible。 |
| 屬性 | type |
| 類型 | "bounded" ｜ "unbounded" |
| 預設 | 'bounded' |
事件
此元件沒有可用的事件。
方法
addRipple
| 描述 | 將漣漪效果加入父元素。 |
| 簽名 | addRipple(x: number, y: number) => Promise<() => void> |
CSS 陰影部分
此元件沒有可用的 CSS 陰影部分。
CSS 自訂屬性
此元件沒有可用的 CSS 自訂屬性。
插槽
此元件沒有可用的插槽。