Better slider design

[ikmalsaid]

Good day @pngwn, I have tried your slider component and found it very helpful on delivering better experience for users. I have a suggestion if we can have a slider with a design similar to this:

Let me know what you think. Thank you.

[toshas]

You can achieve styling with the current component:

with gr.Blocks(
    css="""
    .slider .inner {
        width: 4px;
        background: #FFF;
    }
    .slider .icon-wrap svg {
        fill: #FFF;
        stroke: #FFF;
        stroke-width: 3px;
    }
    """,
) as demo:
    component = ImageSlider(
        elem_classes="slider",
    )

Just use Chrome dev tools, track CSS keys and override them in gradio blocks. HTH