Textarea allows users to enter text in multiple lines.
Class name | Type | |
---|---|---|
textarea | Component | For <textarea> element |
textarea-ghost | | ghost style |
textarea-neutral | | neutral color |
textarea-primary | | primary color |
textarea-secondary | | secondary color |
textarea-accent | | accent color |
textarea-info | | info color |
textarea-success | | success color |
textarea-warning | | warning color |
textarea-error | | error color |
textarea-xs | | Extra small size |
textarea-sm | | Small size |
textarea-md | | Medium size [Default] |
textarea-lg | | Large size |
textarea-xl | | Extra large size |
<textarea class="$$textarea" placeholder="Bio"></textarea>
<textarea class="$$textarea" placeholder="Bio"></textarea>
<textarea class="$$textarea" placeholder="Bio"></textarea>
<textarea class="$$textarea" placeholder="Bio"></textarea>
<textarea class="$$textarea $$textarea-ghost" placeholder="Bio"></textarea>
<textarea class="$$textarea $$textarea-ghost" placeholder="Bio"></textarea>
<textarea class="$$textarea $$textarea-ghost" placeholder="Bio"></textarea>
<textarea class="$$textarea $$textarea-ghost" placeholder="Bio"></textarea>
<fieldset class="$$fieldset"> <legend class="$$fieldset-legend">Your bio</legend> <textarea class="$$textarea h-24" placeholder="Bio"></textarea> <div class="$$label">Optional</div> </fieldset>
<fieldset class="$$fieldset">
<legend class="$$fieldset-legend">Your bio</legend>
<textarea class="$$textarea h-24" placeholder="Bio"></textarea>
<div class="$$label">Optional</div>
</fieldset>
<fieldset class="$$fieldset"> <legend class="$$fieldset-legend">Your bio</legend> <textarea class="$$textarea h-24" placeholder="Bio"></textarea> <div class="$$label">Optional</div> </fieldset>
<fieldset class="$$fieldset">
<legend class="$$fieldset-legend">Your bio</legend>
<textarea class="$$textarea h-24" placeholder="Bio"></textarea>
<div class="$$label">Optional</div>
</fieldset>
<textarea type="text" placeholder="Primary" class="$$textarea $$textarea-primary"></textarea> <textarea type="text" placeholder="Secondary" class="$$textarea $$textarea-secondary"></textarea> <textarea type="text" placeholder="Accent" class="$$textarea $$textarea-accent"></textarea> <textarea type="text" placeholder="Neutral" class="$$textarea $$textarea-neutral"></textarea> <textarea type="text" placeholder="Info" class="$$textarea $$textarea-info"></textarea> <textarea type="text" placeholder="Success" class="$$textarea $$textarea-success"></textarea> <textarea type="text" placeholder="Warning" class="$$textarea $$textarea-warning"></textarea> <textarea type="text" placeholder="Error" class="$$textarea $$textarea-error"></textarea>
<textarea type="text" placeholder="Primary" class="$$textarea $$textarea-primary"></textarea>
<textarea type="text" placeholder="Secondary" class="$$textarea $$textarea-secondary"></textarea>
<textarea type="text" placeholder="Accent" class="$$textarea $$textarea-accent"></textarea>
<textarea type="text" placeholder="Neutral" class="$$textarea $$textarea-neutral"></textarea>
<textarea type="text" placeholder="Info" class="$$textarea $$textarea-info"></textarea>
<textarea type="text" placeholder="Success" class="$$textarea $$textarea-success"></textarea>
<textarea type="text" placeholder="Warning" class="$$textarea $$textarea-warning"></textarea>
<textarea type="text" placeholder="Error" class="$$textarea $$textarea-error"></textarea>
<textarea type="text" placeholder="Primary" class="$$textarea $$textarea-primary"></textarea> <textarea type="text" placeholder="Secondary" class="$$textarea $$textarea-secondary"></textarea> <textarea type="text" placeholder="Accent" class="$$textarea $$textarea-accent"></textarea> <textarea type="text" placeholder="Neutral" class="$$textarea $$textarea-neutral"></textarea> <textarea type="text" placeholder="Info" class="$$textarea $$textarea-info"></textarea> <textarea type="text" placeholder="Success" class="$$textarea $$textarea-success"></textarea> <textarea type="text" placeholder="Warning" class="$$textarea $$textarea-warning"></textarea> <textarea type="text" placeholder="Error" class="$$textarea $$textarea-error"></textarea>
<textarea type="text" placeholder="Primary" class="$$textarea $$textarea-primary"></textarea>
<textarea type="text" placeholder="Secondary" class="$$textarea $$textarea-secondary"></textarea>
<textarea type="text" placeholder="Accent" class="$$textarea $$textarea-accent"></textarea>
<textarea type="text" placeholder="Neutral" class="$$textarea $$textarea-neutral"></textarea>
<textarea type="text" placeholder="Info" class="$$textarea $$textarea-info"></textarea>
<textarea type="text" placeholder="Success" class="$$textarea $$textarea-success"></textarea>
<textarea type="text" placeholder="Warning" class="$$textarea $$textarea-warning"></textarea>
<textarea type="text" placeholder="Error" class="$$textarea $$textarea-error"></textarea>
<textarea placeholder="Bio" class="$$textarea $$textarea-xs"></textarea> <textarea placeholder="Bio" class="$$textarea $$textarea-sm"></textarea> <textarea placeholder="Bio" class="$$textarea $$textarea-md"></textarea> <textarea placeholder="Bio" class="$$textarea $$textarea-lg"></textarea> <textarea placeholder="Bio" class="$$textarea $$textarea-xl"></textarea>
<textarea placeholder="Bio" class="$$textarea $$textarea-xs"></textarea>
<textarea placeholder="Bio" class="$$textarea $$textarea-sm"></textarea>
<textarea placeholder="Bio" class="$$textarea $$textarea-md"></textarea>
<textarea placeholder="Bio" class="$$textarea $$textarea-lg"></textarea>
<textarea placeholder="Bio" class="$$textarea $$textarea-xl"></textarea>
<textarea placeholder="Bio" class="$$textarea $$textarea-xs"></textarea> <textarea placeholder="Bio" class="$$textarea $$textarea-sm"></textarea> <textarea placeholder="Bio" class="$$textarea $$textarea-md"></textarea> <textarea placeholder="Bio" class="$$textarea $$textarea-lg"></textarea> <textarea placeholder="Bio" class="$$textarea $$textarea-xl"></textarea>
<textarea placeholder="Bio" class="$$textarea $$textarea-xs"></textarea>
<textarea placeholder="Bio" class="$$textarea $$textarea-sm"></textarea>
<textarea placeholder="Bio" class="$$textarea $$textarea-md"></textarea>
<textarea placeholder="Bio" class="$$textarea $$textarea-lg"></textarea>
<textarea placeholder="Bio" class="$$textarea $$textarea-xl"></textarea>
<textarea class="$$textarea" placeholder="Bio" disabled></textarea>
<textarea class="$$textarea" placeholder="Bio" disabled></textarea>
<textarea class="$$textarea" placeholder="Bio" disabled></textarea>
<textarea class="$$textarea" placeholder="Bio" disabled></textarea>