x
1
2
3
4
5
6
7
8
9
10
11
<div class="form-field-wrapper"> <label for="bio" class="block font-medium text-gray-700 mb-1 text-sm"> Biography </label> <div class="relative flex items-center"> <textarea name="bio" placeholder="Write your bio here..." 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 resize-y" rows="4" maxlength="500"></textarea> </div> <div class="block text-gray-600 mt-1 text-sm"> Tell us about yourself in 500 characters or less. </div></div>1
2
3
4
5
6
7
render BetterUi::Forms::TextareaComponent.new( name: "bio", label: "Biography", hint: "Tell us about yourself in 500 characters or less.", placeholder: "Write your bio here...", maxlength: 500)No notes provided.
No params configured.