Textarea

Multi-line text input field for longer text entries

Basic

Basic Textarea

Preview Code Auto

Textarea(placeholder='Bio', cls='textarea')

Ghost Style

Preview Code Auto

Textarea(placeholder='Bio', cls='textarea textarea-ghost')

With Fieldset and Labels

Preview Code Auto

Your bio

Optional

Fieldset(
    Legend("Your bio", cls='fieldset-legend'),
    Textarea(placeholder='Bio', cls='textarea h-24'),
    Div("Optional", cls='fieldset-label'),
    cls='fieldset'
)

Variants

Color Variants

Preview Code Auto

Textarea(placeholder='Primary', cls='textarea textarea-primary')
Textarea(placeholder='Secondary', cls='textarea textarea-secondary')
Textarea(placeholder='Accent', cls='textarea textarea-accent')
Textarea(placeholder='Neutral', cls='textarea textarea-neutral')
Textarea(placeholder='Info', cls='textarea textarea-info')
Textarea(placeholder='Success', cls='textarea textarea-success')
Textarea(placeholder='Warning', cls='textarea textarea-warning')
Textarea(placeholder='Error', cls='textarea textarea-error')

Size Variants

Preview Code Auto

Textarea(placeholder='Xsmall', cls='textarea textarea-xs')
Textarea(placeholder='Small', cls='textarea textarea-sm')
Textarea(placeholder='Medium', cls='textarea textarea-md')
Textarea(placeholder='Large', cls='textarea textarea-lg')
Textarea(placeholder='Xlarge', cls='textarea textarea-xl')

Disabled State

Preview Code Auto

Textarea(placeholder='Bio', disabled=True, cls='textarea')

Class Reference

Class	Type	Description
textarea	Component	Base class
textarea-ghost	Variant	Ghost style without background
textarea-neutral	Color	Neutral color variant
textarea-primary	Color	Primary color variant
textarea-secondary	Color	Secondary color variant
textarea-accent	Color	Accent color variant
textarea-success	Color	Success color variant
textarea-warning	Color	Warning color variant
textarea-info	Color	Info color variant
textarea-error	Color	Error color variant
textarea-xs	Size	Extra small size
textarea-sm	Size	Small size
textarea-md	Size	Medium size (default)
textarea-lg	Size	Large size
textarea-xl	Size	Extra large size

Do you have a question? ask the community

Do you see a bug? open an issue on GitHub

LLMs Context: Full Markdown | This Component

Resources: DaisyUI | TailwindCSS | FastHTML Repo