function readOnly(count){ }
Starting November 20, the site will be set to read-only. On December 4, 2023,
forum discussions will move to the Trailblazer Community.
+ Start a Discussion
rahul tiwari 110rahul tiwari 110 

how to display output value of lightning-slider below the slider

I need to show a slider with output value below it like in this img  User-added image 
but when I use lightning-slider it's default output value is coming like this   User-added image
Can anyone pls tell me Is there anyway to hide the min, max and output value or to display the output value only below the slider I can't use input type= range cause need to display the slider just like lightning-slider here is my code. It is in lwc
<div class="slds-box sliders">
  <h1>TIME TO AIRPORT</h1>
  <lightning-slider min="10" max="190" data-id="time" onchange={time}>
  </lightning-slider>
</div>

.sliders {
  background-color: #f4f4f4;
}

 
ravi soniravi soni
hy rahul,
you can't edit lightning-slider but if you want to use lightning-slider with edit functionality then you can use custom slider.
https://www.lightningdesignsystem.com/components/slider/

use custom slider and edit it with your requirment. in this custom part you can do anything.
don't forget to mark it as best answer if it helps you.
thank you
Mukesh Kumar 470Mukesh Kumar 470
Mukesh  create a LWC component to show EmailStatus.
There is an object named as email status show that in LWC

@veer soni bro please help me