File tree Expand file tree Collapse file tree 1 file changed +10
-0
lines changed
Expand file tree Collapse file tree 1 file changed +10
-0
lines changed Original file line number Diff line number Diff line change @@ -57,6 +57,7 @@ Now we can add `range-slider` component to our view;
5757 data-range-slider-values-value ="1..10 "
5858 data-range-slider-labels-value ="true"
5959 data-range-slider-tooltip-value ="true"
60+ data-range-slider-markers-value ="true"
6061>
6162 <label class="block mb-8 text-sm font-medium text-gray-700 dark:text-white ">
6263 Example of multi point range slider with tooltips
@@ -65,6 +66,10 @@ Now we can add `range-slider` component to our view;
6566 <input type="text" data-range-slider-target ="inputMin" value="2" />
6667 <input type="text" data-range-slider-target ="inputMax" value="5" />
6768
69+ <!-- OR erb -->
70+ <%= form .text_field :range_min, data : { rangeSliderTarget : " inputMin" } %>
71+ <%= form .text_field :range_max, data : { rangeSliderTarget : " inputMax" } %>
72+
6873 <!-- To show value on different element => <span data-range-slider-target ="value"> </span > -->
6974</div >
7075
@@ -78,6 +83,11 @@ Now we can add `range-slider` component to our view;
7883 </label >
7984
8085 <input type="text" data-range-slider-target ="inputMin" value="5" />
86+
87+ <!-- OR erb -->
88+ <%= form .text_field :range_min, data : { rangeSliderTarget : " inputMin" } %>
89+
90+ <!-- To show value on different element => <span data-range-slider-target ="value"> </span > -->
8191</div >
8292```
8393
You can’t perform that action at this time.
0 commit comments