Enable label positioning in Qslider

Is your feature request related to a problem? Please describe. Yes, we have design where label is under slider line and always visible… you have prop to make it always visible but there is not prop for making label to appear underneath the line.

Describe the solution you’d like prop to control label position aka label-position="< top | bottom | left | right >"

Describe alternatives you’ve considered I think of some Qtooltip reuse here as it has already that feature 🤷

Many thanks 🙏

[rstoenescu]

Feature will be available in Quasar v2.4.0 (through new prop for both QSlider/QRange: switch-label-position). A backport for Quasar v1 will be added shortly.

[brent-williams]

Similar issue to @luckylooke, UI has vertical slider on far-right of UI, no obvious way to get the labels to appear to the left side of the slider so they’re getting clipped. Used similar CSS hack but results bit goofy, working built-in prop would rock.

.q-slider {
  ::v-deep {
    .q-slider__pin-text-container--v {
      transform: translate(-109px,-12px);
    }
    .q-slider__arrow--v {
      transform: translateX(-21px) rotate(180deg);
    }
  }
}