If I wanted to use a component 20 times on my page (Eg. The following, which is a box with 4 range sliders), is there a way to do this without writing this code 20 times? Is there something similar to the react component in html? Thank you!
<div class = "slidecontainer" id = sliders>
<br>
<label for = "Slider A"><input type = "range" min = "0" max = "100" value = "0" class = "slider" id = "slider_A"> <span id = "slider-value-A"></span></label><br>
<label><input type = "range" min = "0" max = "100" value = "0" class = "slider" id = "slider_B"> <span id = "slider-value-B"></span> </label><br>
<label><input type = "range" min = "0" max = "100" value = "0" class = "slider" id = "slider_C"> <span id = "slider-value-C"></span> </label><br>
<label><input type = "range" min = "0" max = "100" value = "0" class = "slider" id = "slider_D"> <span id = "slider-value-D"></span> </label>
</div>
Thank you!