Textarea

Textarea allows users to enter text in multiple lines.

Class name
Type
form-controlComponent Container element
label
Modifier
For helper text
textarea
Modifier
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
textarea-lg
Responsive
Large size for textarea
textarea-md
Responsive
Medium (default) size for textarea
textarea-sm
Responsive
Small size for textarea
textarea-xs
Responsive
Extra small size for textarea
# Textarea
# Textarea with border
# Ghost (no background)
# With form control and labels
# Primary color
# Secondary color
# Accent color
# Info color
# Success color
# Warning color
# Error color
# Sizes
# Disabled
Do you have a question? ask the community
Do you see a bug? open an issue on GitHub
Do you like daisyUI? tweet about it!
Support daisyUI's development: Open Collective
daisyUI store

Official daisyUI
Figma Library

Available on daisyUI store

More details