x
1
2
3
4
5
6
7
8
<div class="form-field-wrapper"> <label for="playground" class="block font-medium text-gray-700 mb-1 text-sm"> Playground Number Input </label> <div class="relative flex items-center"> <input name="playground" placeholder="Enter a number..." 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" type="number" /> </div></div>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
render BetterUi::Forms::NumberInputComponent.new( name: "playground", label: "Playground Number Input", placeholder: "Enter a number...", size: size.to_sym, disabled: disabled, readonly: readonly, required: required, show_spinner: show_spinner, min: with_constraints ? 0 : nil, max: with_constraints ? 100 : nil, step: with_constraints ? 5 : nil, hint: with_hint ? "This is a helpful hint" : nil, errors: with_error ? [ "This field has an error" ] : nil)No notes provided.
| Param | Description | Input |
|---|---|---|
|
— |
|
|
|
— |
|
|
|
— |
|
|
|
— |
|
|
|
— |
|
|
|
— |
|
|
|
— |
|
|
|
— |
|