LogoLogo
  • What is UDML?
  • Document structure
    • <components>
    • <imports>
    • <instructions>
    • <meta>
    • <styles>
    • <tokens>
    • <mappings>
    • <screens>
  • Directives
    • ai-hint
    • <data> Directive Specification
    • <interaction> Directive
    • <layer> Directive
    • <repeat> Directive
    • <responsive>
    • selection
    • <tracking> Directive
  • Components
    • Layout
      • <accordion> Component
      • <box> Component
      • <column> Component
      • <divider>
      • <grid> Component
      • <row> Component
    • Navigation
      • <breadcrumbs> Component
      • <pagination> Component
      • <tab> Component
      • <tabs> Component
    • Text & Display
      • <avatar>
      • <heading>
      • <icon>
      • <image>
      • <label>
      • <text>
      • <video>
    • Controls & Input
      • <button>
      • <checkbox>
      • <input> Component
      • <radio>
      • <select>
      • <slider>
      • <stepper>
      • <switch>
      • <textarea>
    • Forms
      • <form> Component
      • <formField> Component
      • <formGroup> Component
    • Data Collections
      • <dataColumn> Component
      • <dataTable> Component
      • <list> Component
      • <timeline> Component
      • <treeView> Component
    • Data Visualization
      • <chart> Component
      • <summary> Component
    • Modals
      • <dialog> Component
      • <modal> Component
      • <popover> Component
      • <toast> Component
      • <tooltip> Component
  • Prompting Guides
    • Prompting AI Developer Tools with UDML
    • Working with UDML in an Existing Codebase
  • Contributing to UDML
Powered by GitBook
On this page
  • The <textarea> component provides a multi-line text input for longer form content.
  • 🛠 Attributes
  • ✅ Allowed Content
  • 💡 Examples
  • 🧩 AI Interpretation Guidelines
Edit on GitHub
  1. Components
  2. Controls & Input

<textarea>

The <textarea> component provides a multi-line text input for longer form content.

🛠 Attributes

Attribute
Type
Required
Description

name

string

No

Field name for form binding

placeholder

string

No

Hint text inside the textarea

rows

int

No

Initial height of the textarea in lines

value

string

No

Initial or bound value

required

boolean

No

Marks the field as required

bind

string

No

Binding path

ai-hint

string

No

Describe text purpose or limitations

✅ Allowed Content

Text or binding.

💡 Examples

Message input

<textarea placeholder="Type your message..." rows="4"/>

🧩 AI Interpretation Guidelines

  • Render with standard <textarea> or form library equivalent.

  • Bind to form state if applicable.

  • Style via tokens or named styles.


Previous<switch>NextForms

Last updated 2 months ago