InputPhoneInternational KIT

Dark modeBackground

`[countries]` Array of ISO-codes of countries to choose	`ReadonlyArray<TuiCountryIsoCode>`	`['RU', 'KZ', 'UA', 'BY']`
`[countrySearch]` Enable filter input for countries	`boolean`
`[(countryIsoCode)]` ISO-code of selected country	`boolean`	`'RU'`
TextfieldOptionsApplied as a host directive
`[tuiTextfieldCleaner]` Shows a cross to reset a value	`boolean`
`[tuiTextfieldSize]` Size Don't use `label[tuiLabel]` inside `s` - size `<tui-textfield />` ! Use outside label or `<input placeholder="..." />` instead.	`TuiSizeS \| TuiSizeL`	`'l'`
`[content]` A template for custom view of textfield value. We strongly recommend to unset this property on focus – otherwise, it breaks UX on attempt to edit field by keyboard!	`PolymorpheusContent`	`''`
StateManually override interactive state
`[state]` Interactive state ( `null` for automatic)	`TuiInteractiveState \| null`
`[focused]` Focused state ( `null` for automatic)	`null \| boolean`
ControlApplied as a host directive
`[readOnly]` Readonly state	`boolean`
`[disabled]` Disabled state (use `formControl.disable()/.enable()` for reactive forms)	`boolean`
`[invalid]` Invalid state	`null \| boolean`
DropdownApplied as a host directive
`[tuiDropdownAlign]` Align of dropdown (does not work together with `limitWidth === 'fixed'` )	`tuiDropdownAlign`	`'start'`
`[tuiDropdownDirection]` Set a vertical direction of dropdown	`TuiVerticalDirection \| null`
`[tuiDropdownLimitWidth]` Limit width of dropdown	`TuiDropdownWidth`	`'fixed'`
`[tuiDropdownMinHeight]` Minimum height to calculate that dropdown fits to set `tuiDropdownDirection`	`number`
`[tuiDropdownMaxHeight]` Maximum height of dropdown	`number`
`[tuiDropdownOffset]` Dropdown offset	`number`
`(tuiDropdownDirectionChange)` Dropdown direction change	`TuiVerticalDirection`

Taiga UI

GitHub StackBlitz