Skip to content

Commit 1d6cd5d

Browse files
committed
Update README.md
1 parent a0857cb commit 1d6cd5d

File tree

1 file changed

+10
-0
lines changed

1 file changed

+10
-0
lines changed

README.md

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff 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

0 commit comments

Comments
 (0)