Previews

No matching results.

x
1
2
3
4
5
6
7
8
9
10
<div class="form-field-wrapper">
<label for="disabled_field" class="block font-medium text-gray-700 mb-1 text-sm">
Disabled Field
</label>
<div class="relative flex items-center">
<textarea name="disabled_field" value="Cannot edit this content.
This textarea is disabled." disabled="disabled" class="block w-full rounded-md border shadow-sm transition-colors duration-200 text-base py-2 px-4 border-gray-300 bg-gray-100 text-gray-500 placeholder-gray-400 cursor-not-allowed opacity-60 resize-y" rows="4">Cannot edit this content.
This textarea is disabled.</textarea>
</div>
</div>
1
2
3
4
5
6
render BetterUi::Forms::TextareaComponent.new(
name: "disabled_field",
label: "Disabled Field",
value: "Cannot edit this content.\nThis textarea is disabled.",
disabled: true
)