x
1
2
3
4
5
6
7
8
9
10
11
12
<div class="form-field-wrapper"> <label for="content" class="block font-medium text-gray-700 mb-1 text-sm"> Post Content </label> <div class="relative flex items-center"> <textarea name="content" value="Too short" 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 resize-y" rows="4">Too short</textarea> </div> <div class="text-danger-600 mt-1 space-y-0.5 text-sm"> <div>Content is too short (minimum is 50 characters)</div> <div>Content must be more descriptive</div> </div></div>1
2
3
4
5
6
7
8
9
render BetterUi::Forms::TextareaComponent.new( name: "content", label: "Post Content", value: "Too short", errors: [ "Content is too short (minimum is 50 characters)", "Content must be more descriptive" ])No notes provided.
No params configured.