Documentation
Foundations
Components
Accordion
Accordion ⛔
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
Inputs (Legacy)
ComboBox ⛔
Input
InputColor
InputDate ⛔
InputDateMulti
InputDateRange ⛔
InputDateTime
InputMonth ⛔
InputMonthRange ⛔
InputNumber ⛔
InputPhone
InputRange
InputSlider ⛔
InputTag ⛔
InputTime ⛔
InputYear
PrimitiveTextfield ⛔
Select ⛔
Textarea ⛔
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
InputTag
deprecated
LEGACY
Examples
API
Setup
More
Source code
This version of the component is deprecated and will be removed in the next major version. Use
InputChip
instead!
InputTag
allows to input several tags with autocomplete and list in dropdown.
Basic
#
Preview
HTML
TypeScript
More
Edit
I'm a
placeholder
Copy
Copy
Copy
Async items loading
#
Preview
HTML
TypeScript
More
Edit
Choose your Pythons'
Copy
Copy
Copy
sizes
#
Preview
HTML
TypeScript
More
Edit
I
love
Angular
I
love
Angular
I'm a
placeholder
I
love
Angular
Copy
Copy
Copy
Custom validation
#
Preview
HTML
TypeScript
More
Edit
In this sample, tags with digits are invalid
Try it
Copy
Copy
Copy
Direction: RTL
#
Preview
HTML
TypeScript
LESS
More
Edit
گراهام چپمن
جان کلیز
Copy
Copy
Copy
Copy
Custom separator
#
Preview
HTML
TypeScript
LESS
More
Edit
Custom separator
;
not
unique
tags, with
custom
separator
separator
Copy
Copy
Copy
Copy
No spaces inside tags
#
Use power of RegExp to forbid spaces inside tags via property
[separator]
.
Preview
HTML
TypeScript
More
Edit
Use
space
button
Copy
Copy
Copy
expandable
#
Preview
HTML
TypeScript
LESS
More
Edit
You can limit the number of visible rows with
rows
input. Set
rows
to 1 if you want single-line input with horizontal scrolling.
One
Two
Three
Four
Five
Six
Seven
Eight
Nine
Ten
Eleven
Twelve
Thirteen
Fourteen
Fifteen
Sixteen
Seventeen
I'm a
placeholder
One
Two
Three
Four
Five
Six
Seven
Eight
Nine
Ten
Eleven
Twelve
Thirteen
Fourteen
Fifteen
Sixteen
Seventeen
Copy
Copy
Copy
Copy
Mask
#
Preview
HTML
TypeScript
More
Edit
dd.mm.yyyy
Copy
Copy
Copy
Taiga UI
v4.43.0
More