Documentation
Foundations
Components
Accordion
Accordion (Deprecated)
ActionBar
Alert
Avatar
Badges
Block
BottomSheet
Buttons
Calendars
Carousel
Chip
Comment
Compass
Confirm
Dialog
Drawer
Dropdown
ElasticContainer
Error
Expand
Filter
FloatingContainer
Group
Hint
Icon
Inputs
Input
InputCard
InputCardGroup
InputColor
InputDate
InputDateMulti
InputDateRange
InputDateTime
InputFiles
InputInline
InputMonth
InputMonth [deprecated]
InputMonthRange [deprecated]
InputNumber
InputNumber [deprecated]
InputPhone
InputPhoneInternational
InputPin
InputRange
InputSlider
InputSlider [deprecated]
InputTag
InputTime
InputYear
PrimitiveTextfield
Textarea
Textarea [deprecated]
Island
ItemGroup
ItemsWithMore
Label
Like
LineClamp
Link
Loader
Message
Mobile
Notification
Pager
PdfViewer
Pin
Preview
Progress
Pulse
Push
Rating
Scrollbar
Selects
Sheet
SheetDialog
Sliders
Status
Surface
SwipeActions
Table
Tag
Textfield
ThumbnailCard
Tiles
Title
Toggles
Tree
Layout
Navigation
Charts
Customization
Tools
Textarea
KIT
Examples
API
Setup
More
Source code
See also
Textfield
A string input for multi line text
Sizes
#
Preview
HTML
TypeScript
LESS
More
Edit
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
Copy
Copy
Copy
Copy
Limit
#
Preview
HTML
TypeScript
More
Edit
Adding [limit] directive allows you to display a counter of symbols inside the textarea, highlight excessive characters in red and also automatically add Validators.maxlength(x) validator
0 / 100
Limit
Clear
Programmatically update
Copy
Copy
Copy
Custom highlight
#
Preview
HTML
TypeScript
LESS
More
Edit
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
Copy
Copy
Copy
Copy
Taiga UI
v4.34.0
More