ionic-framework icon indicating copy to clipboard operation
ionic-framework copied to clipboard

feat: Extend ion-range CSS shadowparts for individual knob styling with dualKnobs active

Open Tminchew opened this issue 1 year ago • 0 comments

Prerequisites

Describe the Feature Request

I would like the ability to style an individual knob on the ion-range slider when dualKnob=true using the CSS shadowparts knob field.

Describe the Use Case

I want the knob to change color based on areas/values of the range slider. This unfortunately modifies both knobs colors currently.

Describe Preferred Solution

using CSS shadowparts so it can be referenced like: ion-range::part(knob-a) { <-- CSS Here --> } ion-range::part(knob-b) { <-- CSS Here --> }

Describe Alternatives

Any currently known way on how to individually style a knob when dualKnob is true

Related Code

No response

Additional Information

No response

Tminchew avatar Sep 11 '24 14:09 Tminchew