<div class="form-control mb-5 w-full max-w-xs">
<label class="label cursor-pointer" for="bio">
<span class="label-text">
Your bio</span>
</label>
<textarea class="textarea textarea-bordered h-24" name="bio" id="bio" placeholder="Bio"></textarea>
<div class="label"> <span class="label-text-alt text-warning">Short description</span>
</div>
</div>
@jrmc.form.control({ name: 'bio', class: 'w-full max-w-xs', label: 'Your bio', hint: 'Short description' })
@!jrmc.form.textarea({ placeholder: 'Bio', class: ['textarea-bordered', 'h-24'] })
@end
Doc : daisyui textarea
Textarea allows users to enter text in multiple lines.
| Class name | Type | |
|---|---|---|
| textarea | Component | For <textarea> element |
| textarea-bordered | Modifier | Adds border to textarea |
| textarea-ghost | Modifier | Adds ghost style to textarea |
| textarea-primary | Modifier | Adds primary color to textarea |
| textarea-secondary | Modifier | Adds secondary color to textarea |
| textarea-accent | Modifier | Adds accent color to textarea |
| textarea-info | Modifier | Adds info color to textarea |
| textarea-success | Modifier | Adds success color to textarea |
| textarea-warning | Modifier | Adds warning color to textarea |
| textarea-error | Modifier | Adds error color to textarea |