Textarea
Collect longer user input with styled, multi-line textareas.
x-t-textarea
Preview and Examples
<x-t-textarea name="message" label="Message" rows="5" placeholder="Write your message..." /> <x-t-textarea name="feedback" label="Product Feedback" variant="primary" shadow rows="6"> Really enjoying the component API so far.</x-t-textarea>
Attributes
| Name | Type | Options | Description |
|---|---|---|---|
| accent | boolean |
true
false
|
Adds an accent |
| border | boolean |
true
false
|
Adds a border |
| divide | boolean |
true
false
|
Adds a divide between elements |
| hollow | boolean |
true
false
|
Removes background colour |
| label | string |
string
|
Adds a text label |
| ring | boolean |
true
false
|
Adds a ring |
| rounded | boolean |
true
false
|
Adds rounded corners |
| shadow | boolean |
true
false
|
Adds a shadow |
| size | string |
xs
sm
md
lg
xl
2xl
|
Controls component scale |
| variant | string |
default
brand
primary
secondary
success
warning
danger
light
dark
|
A variant is like a colour palette |