File tree Expand file tree Collapse file tree 1 file changed +19
-0
lines changed Expand file tree Collapse file tree 1 file changed +19
-0
lines changed Original file line number Diff line number Diff line change @@ -109,3 +109,22 @@ const globalRippleConfig: RippleGlobalOptions = {
109
109
}
110
110
};
111
111
```
112
+
113
+ ### Animation behavior
114
+
115
+ There are two different animation behaviors for the fade-out of ripples shown in the Material
116
+ Design specifications.
117
+
118
+ By default, all ripples will start fading out if the mouse or touch is released and the enter
119
+ animation completed. The second possible behavior, which is also shown in the specifications, is
120
+ that ripples start to fade out immediately on mouse or touch release.
121
+
122
+ In some scenarios, developers might prefer that behavior over the default and would like to have
123
+ the same for Angular Material. This behavior can be activated by specifying the
124
+ ` terminateOnPointerUp ` global ripple option.
125
+
126
+ ``` ts
127
+ const globalRippleConfig: RippleGlobalOptions = {
128
+ terminateOnPointerUp: true
129
+ };
130
+ ```
You can’t perform that action at this time.
0 commit comments