x
1
2
3
4
5
6
7
8
9
10
11
12
<div class="form-field-wrapper"> <label for="email" class="block font-medium text-gray-700 mb-1 text-sm"> Email Address </label> <div class="relative flex items-center"> <input name="email" value="invalid-email" class="block w-full rounded-md border shadow-sm transition-colors duration-200 text-base py-2 px-4 border-danger-500 bg-white text-gray-900 placeholder-gray-400 focus:border-danger-600 focus:ring-2 focus:ring-danger-500 focus:ring-opacity-20 focus:outline-none" type="text" /> </div> <div class="text-danger-600 mt-1 space-y-0.5 text-sm"> <div>Email can't be blank</div> <div>Email is invalid</div> </div></div>1
2
3
4
5
6
7
8
9
render BetterUi::Forms::TextInputComponent.new( name: "email", label: "Email Address", value: "invalid-email", errors: [ "Email can't be blank", "Email is invalid" ])No notes provided.
No params configured.