Getting Started
Documentation
Components
Form
ComboBox
Error
Form
Inputs
Input
InputCard
InputCardGroup
InputChip
InputColor
InputDate
InputDateMulti
InputDateRange
InputDateTime
InputFiles
InputInline
InputMonth
InputNumber
InputPhone
InputPhoneInternational
InputPin
InputTime
InputYear
Label
Rating
Select
Sliders
InputRange
InputSlider
Range
Slider
Textarea
Toggles
Block
Checkbox
Radio
Switch
Layout
Navigation
Charts
Tools
Taiga UI 5.0 is out!
See
what's new
Textarea
KIT
Examples
API
GitHub
On this page
Basic
Limit
Custom highlight
Icons
See also
Input
,
InputChip
Textarea
uses
Textfield
to create a multi-line string input.
Basic
Component would grow from minimal amount of rows until given maximum number of rows, after which scroll will be introduced.
Preview
HTML
LESS
Large with label inside
Clear
Medium with label inside
Clear
Large with label outside
Clear
Medium with label outside
Clear
Small with label outside
Clear
Limit
You can pass limit to enable counter and extra characters highlight. This would also add validator. If you want to hard limit the field you can use native
maxLength
attribute.
Preview
HTML
0 / 100
Limit
Clear
Programmatically update
Custom highlight
It is possible to override default behavior to introduce your own highlight or other cosmetics.
Preview
HTML
LESS
You can implement your own highlight, just make sure you do not alter font width or height
You can implement your own highlight, just make sure you do not alter font
width
or
height
Custom highlight
Clear
Icons
Being built on top of
Textfield
, Textarea supports most of the same configurations, such as icons on both sides.
Preview
HTML
Your best thought
Clear
Taiga UI
v5.1.0
GitHub
StackBlitz
Settings