Ctrl + K
Get StartedStylesCoreCompsCDK
Actions
Action Sheet
Button
Button Group
Context Menu
Dropdown Button
Menu
Side Menu
Form & Editors
Checkbox
Color Box
Color Palette
Cron Job
Date & Time Box
Date & Time Picker
Form
Image Editor
Json Viewer
Number Box
One time password
Paint
Password Box
Phone Box
Query Builder
Range Slider
Rate Picker
Rest Api Generator
Search Box
Select Box
Selection List
Step Wizard
Switch
Tag Box
Text Box
Textarea
Tree View
Uploader
WYSIWYG
Navigation & Layout
Avatar
Badge
Bottom Navigation
Breadcrumb
Calendar
Chips
Circular Progress
Collapse
Comment
Conversation
Data Pager
Data Table
Drawer
File Explorer
Grid Layout Builder
Image
KBD
List
Loading
Map
Media Viewer
Navbar
Picker
Popover
Popup
Progress Bar
Qrcode
Rail Navigation
Result
Skeleton
Sliding Item
Tabs
Tag
Time Line
Toolbar
Tooltip
Dialog & Notifications
Alert
Dialog
Loading Dialog
Notification
Toast

Phone Box

import { AXPhoneBoxModule } from '@acorex/components/phone-box'; Phone Box component provides a user-friendly interface for entering phone numbers. It allows users to select their country from a dropdown, ensuring the correct phone number format and country code is applied. This feature is ideal for applications that require global phone number validation and formatting.

Overview

In this section, you can test different options of this component and see the output in real time
+93
Select a country...
Select a country...
Solid

Usage

A simple example of using ax-phone-box
Preview
Code

Validation

You can specify which countries you want not to be in the list
Preview
Code

Only Countries

You can specify which countries you want to be in the list. Included only Iran and United State
Preview
Code

Exclude Countries

You can specify which countries you want not to be in the list. Excluded Iran and United State
Preview
Code

Copyright ©2017-2025 ACoreX Labs Inc.

On this page