Textarea

PRO

You can edit 8 Components for free. Get premium for unlimited access.

Displays a form textarea or a component that looks like a textarea.

Figma

The Textarea component is used to be able to write text.

1. Reference

This component inherits props from the Textarea.

Prop
Type
Default
state
default
active
filled
disabled
default

2. State

You can edit the state with the default, active, filled or disabled parameter.

Image 2.1 : State default

Image 2.2 : State active

Image 2.3 : State filled

Image 2.4 : State disabled

Jetpack Compose

This component is on the roadmap and in Progress This means that it is currently being edited and will be published in the next few weeks/months. Check back often to stay informed about the latest updates.

🚧

Preview

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
DlTextarea(
  placeholder: 'Tell us something about you',
)
Copy

Usage

Add this code example to your project to see how the component works.

DlTextarea(
  placeholder: 'Tell us something about you',
)
Copy

API Reference

DlTextarea is a full-width multiline text input with fixed height, token-based styling and active focus border behavior.

Prop
Type
Default
placeholder
String
-
controller
TextEditingController?
null
focusNode
String?
null
onChanged
ValueChanged<String>?
null
enabled
bool
true
key
Key?
null

Examples

Disabled

Tell us something about you
DlTextarea(
  placeholder: 'Tell us something about you',
  enabled: false,
)
Copy

Discover more content

You have questions or need help?

E-Mail

You want to try?

Test for free

Save time and money?

Get Pro Version