Previews

No matching results.

x
1
2
3
4
5
6
7
8
9
10
11
<div class="form-field-wrapper">
<label for="price" class="block font-medium text-gray-700 mb-1 text-sm">
Price (No Spinners)
</label>
<div class="relative flex items-center">
<input name="price" placeholder="0.00" class="block w-full rounded-md border shadow-sm transition-colors duration-200 text-base py-2 px-4 border-gray-300 bg-white text-gray-900 placeholder-gray-400 focus:border-primary-500 focus:ring-2 focus:ring-primary-500 focus:ring-opacity-20 focus:outline-none hide-number-spinner" type="number" min="0" step="0.01" />
</div>
<div class="block text-gray-600 mt-1 text-sm">
Clean input without up/down arrows
</div>
</div>
1
2
3
4
5
6
7
8
9
render BetterUi::Forms::NumberInputComponent.new(
name: "price",
label: "Price (No Spinners)",
placeholder: "0.00",
min: 0,
step: 0.01,
show_spinner: false,
hint: "Clean input without up/down arrows"
)