diff --git a/core/src/components/segment/segment.tsx b/core/src/components/segment/segment.tsx index 878be574d0..57b775568a 100644 --- a/core/src/components/segment/segment.tsx +++ b/core/src/components/segment/segment.tsx @@ -1,5 +1,6 @@ import { Component, ComponentInterface, Element, Event, EventEmitter, Host, Prop, State, Watch, h, writeTask } from '@stencil/core'; +import { config } from '../../global/config'; import { getIonMode } from '../../global/ionic-global'; import { Color, SegmentChangeEventDetail, StyleEventDetail } from '../../interface'; import { Gesture, GestureDetail } from '../../utils/gesture'; @@ -145,6 +146,9 @@ export class Segment implements ComponentInterface { * and where the cursor ended. */ private addRipple(detail: GestureDetail) { + const useRippleEffect = config.getBoolean('animated', true) && config.getBoolean('rippleEffect', true); + if (!useRippleEffect) { return; } + const buttons = this.getButtons(); const checked = buttons.find(button => button.value === this.value);