N
neokit

Textarea

A multi-line styled text input. Built on the native <textarea> element with DaisyUI's textarea class. Supports sizes, color tokens, and bordered/ghost variants.

Default

Basic textarea with placeholder.

textarea default

Sizes

Five sizes: xsxl.

textarea sizes
xs
sm
md
lg
xl

Colors

All eight DaisyUI color tokens.

textarea colors
primary
secondary
accent
info
success
warning
error
neutral

Bordered

variant="bordered" — visible border at rest.

textarea bordered

Ghost

variant="ghost" — transparent background.

textarea ghost

Custom rows

Control height via the rows prop.

textarea rows

States

Disabled and read-only.

textarea states

With label

Full form control with label and character hint.

textarea labeled

Contact form

Real-world usage inside a card form.

textarea form

Contact us