Skip to content

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

Open
@Tminchew

Description

@Tminchew

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

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions