templUI Pro coming soon  

50% OFF Join Waitlist

Textarea

Multi-line text field for longer form content.

Source
TailwindCSS
Vanilla JS

Installation

  1. Install the component

    templui add textarea
  2. Add the JavaScript to your layout

    @textarea.Script()
    

    Call this template in your base layout file (e.g., in the <head> section).

Examples

Custom Rows

Auto Resize

With Label

Disabled

Form

Please type your message in the textarea.

This message is required.

API Reference

Required parameter
Hover for description

Textarea

Multi-line text field component for longer form content with auto-resize capability.

Name Type Default
ID
string
-
Class
string
-
Attributes
templ.Attributes
-
Name
string
-
Placeholder
string
-
Value
string
-
Rows
int
3
Disabled
bool
false
AutoResize
bool
false
Required
bool
false
ReadOnly
bool
false