Previews

No matching results.

x
1
2
3
4
5
6
7
8
<div class="form-field-wrapper">
<label for="large_text" class="block font-medium text-gray-700 mb-1 text-sm">
Large Text Area
</label>
<div class="relative flex items-center">
<textarea name="large_text" placeholder="This textarea has 10 rows for more content" 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="10"></textarea>
</div>
</div>
1
2
3
4
5
6
render BetterUi::Forms::TextareaComponent.new(
name: "large_text",
label: "Large Text Area",
rows: 10,
placeholder: "This textarea has 10 rows for more content"
)