Textarea

Multiline field. Size changes the font, not a fixed height.

When to use

Use Textarea when you need multiline field. size changes the font, not a fixed height.

Import

TypeScript

import { Textarea } from '@gzodo/ui'

Textarea keeps the control surface but opts out of the fixed height. The size prop still changes the font. Set rows for the initial height; the user can resize it vertically.

Examples

Basic

A notes field. rows is the native attribute and sets the starting height.

Outline

Outline is the transparent surface. Use it on a container that is already filled.

Sizes

sm, md, and lg change the font size. The box stays multiline.

Disabled

Disabled textareas cannot be edited and do not receive focus.

Textarea

Property

Description

Type

Default

size

Fixed height of the control.

'sm' | 'md' | 'lg' | 'xl'

'md'

variant

Surface treatment. Primary is the main action.

—

fullWidth

Stretch the control to the container width.

boolean

false

disabled

Blocks interaction and lowers opacity.

boolean

false

className

Extra classes, merged with the component classes.

string

—

rows

Native row count. Starting height of the field.

number

—

placeholder

Native placeholder.

string

—

Input

Select