x
1
2
3
4
5
<div class="">
<label class="block mb-2.5 text-sm font-medium text-heading" for="person_first_name">First name</label>
<input class="bg-neutral-secondary-medium border border-default-medium text-heading rounded-base focus:ring-brand focus:border-brand block w-full shadow-xs placeholder:text-body px-3 py-2.5 text-sm" aria-describedby="person_first_name_hint" type="text" value="John" name="person[first_name]" id="person_first_name" />
<p class="mt-2.5 text-sm text-body" id="person_first_name_hint">What should we call you?</p>
</div>
1
render(Flowbite::InputField::Text.new(attribute: :first_name, form: form, hint: {content: "What should we call you?"}, label: {content: "First name"}))