Introduction Foundations Components Directives Pipes Motion Brand

Alerts & notifications

Buttons & actions

Cards

Forms

Checkbox card Checkbox Currency input Date input Date range calendar File select Input Label Location input Multi select Multiple location input Otp input Phone input Radio Search Segmented date input Select Slider Smart textarea Textarea Timepicker Toggle

Icons / images / media

Layouts

Navigation

Popups / overlays

Progress & loading indicators

Tags

Typography

Components Forms Phone input

Phone input

Phone number input field for use with CountriesCollection

Contents

Default
Auto focus
Country priority
Default country

Update on change.

Flag of UNITED STATES

Update on blur.

Flag of UNITED STATES

Update on submit.

Flag of UNITED STATES
Inputs in Validation
formGroup : FormGroup<{ countryCode: FormControl<any>; phoneNumber: FormControl<string>; displayPhoneNumber: FormControl<string>; }>
countriesOptions ?: readonly Country[] = []