Documentation
Foundations
Components
Accordion
Accordion â›”
ActionBar
Alert
Avatar
Badges
Block
BottomSheet
Buttons
Calendars
Carousel
Chip
Comment
Compass
Confirm
Copy
Dialog
Dialog (Experimental)
Drawer
Dropdown
ElasticContainer
Error
Expand
Filter
FloatingContainer
Group
Hint
Icon
Inputs
ComboBox
InputCard
InputCardGroup
InputChip
InputColor
InputDate
InputDateMulti
InputDateRange
InputDateTime
InputFiles
InputInline
InputMonth
InputNumber
InputPhone
InputPhoneInternational
InputPin
InputRange
InputSlider
InputTime
InputYear
Select
Textarea
Textfield
Inputs (Legacy)
Island
ItemGroup
ItemsWithMore
Label
Like
LineClamp
Link
Loader
Message
Mobile
Notification
NotificationMiddle
Pager
PdfViewer
Pin
Preview
Progress
Pulse
Push
Rating
Scrollbar
Sheet
SheetDialog
Sliders
Slides
Status
Surface
SwipeActions
Table
Tag
ThumbnailCard
Tiles
Title
Toggles
Tree
Layout
Navigation
Charts
Customization
Tools
InputPhone
KIT
Examples
API
Setup
More
Source code
See also
InputPhoneInternational
InputPhone
allows to input a phone number
Basic
#
If you support Safari < 18, we recommend to set
pattern
for correct work of browser autofill
Preview
HTML
TypeScript
More
Edit
Type a phone number
Clear
Copy
Copy
Copy
With autocomplete
#
By number and by name
Preview
HTML
TypeScript
More
Edit
Phone number or name
Clear
value:
Copy
Copy
Copy
Value transformer
#
You can provide custom transformer in options to store value in different format in form control
Preview
HTML
TypeScript
More
Edit
Type a phone number
Clear
Copy
Copy
Copy
With flag
#
Preview
HTML
TypeScript
More
Edit
Type a phone number
Copy
Copy
Copy
Taiga UI
v4.52.0
More