## Phone Number

A specialized input used for entering phone numbers.
Demo
`{{ phoneForm.controls.phone.value | json }}`
Required Imports
import { TelInputModule } from 'nextsapien-component-lib';
Input and Output Properties

Type | Name | Description | Required
--- | --- | --- | ---
Input | value | The current phone number value entered in the input field. | true
Input | enablePlaceholder | Determines whether the placeholder should be displayed. | false
Input | maskPhoneNumber | Enables masking of the phone number as it's entered. | false
Input | eagerMask | Determines if the mask should be applied eagerly. | false
Input | customPlaceholder | A custom placeholder for the input field. | false
Input | numberFormat | Format for displaying the phone number, e.g., International or National. | false
Input | cssClass | The CSS class applied to the input field. | false
Input | onlyCountries | Limits the countries available for selection. | false
Input | searchCountryFlag | Enables the country flag search in the dropdown. | false
Input | searchCountryField | Specifies which fields to use for searching the country, e.g., name or dial code. | false
Input | searchCountryPlaceholder | Placeholder text for the country search field. | false
Input | maxLength | The maximum length allowed for the phone number input. | false
Input | selectFirstCountry | Automatically selects the first country in the list. | false
Input | selectedCountryISO | Sets the default selected country by its ISO code. | false
Input | phoneValidation | Enables phone number validation. | false
Input | inputId | The ID attribute for the phone input field. | false
Input | separateDialCode | Displays the dial code separately from the phone number. | false
Input | showDropDownArrow | Determines if the dropdown arrow should be displayed for the country selection. | false
Input | icons | Custom icons for the input field. | false
Output | countryChange | Emits the selected country whenever it changes. | false

Options

Description | Option
--- | ---
Toggle country selection input. |
Mark the input field as touched. |
Write string. |
Reset the control value. |

Example usage
`{{ codeExample }}`