Skip to content

[Feat]: Vertical Sliders #5514

Open
Open
@thurinus

Description

@thurinus

Code of conduct

  • I agree to follow this project's code of conduct.

Impacted component(s)

Slider

Description of the requested feature

I was looking for a vertical slider to use as a volume control. I'd imagine this can also be used for other use cases that are typically thought of by users in a vertical scale (e.g. temperature).

Mockups or screenshots

My current specific use case would be for a simple variant of volume fader, like:
Image

Implementation notes or ideas

There seems to be some support for vertical sliders in native HTML/CSS, though it's implied some are non-standard.

  • Input range on MDN - notes most contemporary use of of writing-mode: vertical-lr to achieve this effect with the default input range slider. Also notes orient, and appearance for support in older browsers.
  • Creating vertical controls on MDN - notes the supplemental use of direction to change direction of control content.

Would you like to track this issue in Jira?

  • Yes, please tell me the ticket number!

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions