fix(ui): slider number input field with limits (#2899)

- Added min, max, and step fields to the input field of a slider - Made the input field a number field to apply min, max, step, and accessibility
modrinth · Jan 9, 2025 · 29d1ed3 · 29d1ed3
1 parent 0409fce
commit 29d1ed3
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/packages/ui/src/components/base/Slider.vue b/packages/ui/src/components/base/Slider.vue
@@ -41,9 +41,12 @@
     <input
       ref="value"
       :value="currentValue"
-      type="text"
+      type="number"
       class="slider-input"
       :disabled="disabled"
+      :min="min"
+      :max="max"
+      :step="step"
       @change="onInput(($event.target as HTMLInputElement).value)"
     />
   </div>