VPhoneInput

Appearance

v-phone-input / VPhoneInputSlots

Interface: VPhoneInputSlots<Country, CountryComponent> ​

Defined in: dist/types.d.ts:413

Internal

Component slots for VPhoneInput.

Type Parameters ​

Country ​

Country extends VPhoneInputCountryObject

CountryComponent ​

CountryComponent extends VPhoneCountryInputComponent

Properties ​

append? ​

readonly optional append: Partial<VPhoneInputCountrySlots<Country> & { [K in string | number | symbol as K extends string ? `country-input:${K<K>}` : never]: ComponentSlots<CountryComponent>[K] } & object>["append"]

Defined in: node_modules/vuetify/lib/components/VTextField/VTextField.d.ts:1122

append-inner? ​

readonly optional append-inner: Partial<VPhoneInputCountrySlots<Country> & { [K in string | number | symbol as K extends string ? `country-input:${K<K>}` : never]: ComponentSlots<CountryComponent>[K] } & object>["append-inner"]

Defined in: node_modules/vuetify/lib/components/VTextField/VTextField.d.ts:1139

clear? ​

readonly optional clear: Partial<VPhoneInputCountrySlots<Country> & { [K in string | number | symbol as K extends string ? `country-input:${K<K>}` : never]: ComponentSlots<CountryComponent>[K] } & object>["clear"]

Defined in: node_modules/vuetify/lib/components/VTextField/VTextField.d.ts:1131

counter? ​

readonly optional counter: Partial<VPhoneInputCountrySlots<Country> & { [K in string | number | symbol as K extends string ? `country-input:${K<K>}` : never]: ComponentSlots<CountryComponent>[K] } & object>["counter"]

Defined in: node_modules/vuetify/lib/components/VTextField/VTextField.d.ts:1154

country-append? ​

readonly optional country-append: Partial<VPhoneInputCountrySlots<Country> & { [K in string | number | symbol as K extends string ? `country-input:${K<K>}` : never]: ComponentSlots<CountryComponent>[K] } & object>["country-append"]

Defined in: dist/types.d.ts:402

Country list item appended content.

Default Value ​

'+<country.dialCode>' if countryIconMode property, country-icon or country-prepend is defined, nothing otherwise.

country-display? ​

readonly optional country-display: Partial<VPhoneInputCountrySlots<Country> & { [K in string | number | symbol as K extends string ? `country-input:${K<K>}` : never]: ComponentSlots<CountryComponent>[K] } & object>["country-display"]

Defined in: dist/types.d.ts:373

Country display.

Remarks ​

decorative tells if the display should be ignored by screen readers or if it must have an accessible name (e.g. through title attribute).

Default Value ​

Country display component from countryDisplayComponent property if available, '+<country.dialCode>' otherwise.

country-input:append? ​

optional country-input:append: Partial<VPhoneInputCountrySlots<Country> & { [K in string | number | symbol as K extends string ? `country-input:${K<K>}` : never]: ComponentSlots<CountryComponent>[K] } & object>["country-input:append"]

country-input:append-inner? ​

optional country-input:append-inner: Partial<VPhoneInputCountrySlots<Country> & { [K in string | number | symbol as K extends string ? `country-input:${K<K>}` : never]: ComponentSlots<CountryComponent>[K] } & object>["country-input:append-inner"]

country-input:append-item? ​

optional country-input:append-item: Partial<VPhoneInputCountrySlots<Country> & { [K in string | number | symbol as K extends string ? `country-input:${K<K>}` : never]: ComponentSlots<CountryComponent>[K] } & object>["country-input:append-item"]

country-input:chip? ​

optional country-input:chip: Partial<VPhoneInputCountrySlots<Country> & { [K in string | number | symbol as K extends string ? `country-input:${K<K>}` : never]: ComponentSlots<CountryComponent>[K] } & object>["country-input:chip"]

country-input:clear? ​

optional country-input:clear: Partial<VPhoneInputCountrySlots<Country> & { [K in string | number | symbol as K extends string ? `country-input:${K<K>}` : never]: ComponentSlots<CountryComponent>[K] } & object>["country-input:clear"]

country-input:details? ​

optional country-input:details: Partial<VPhoneInputCountrySlots<Country> & { [K in string | number | symbol as K extends string ? `country-input:${K<K>}` : never]: ComponentSlots<CountryComponent>[K] } & object>["country-input:details"]

country-input:divider? ​

optional country-input:divider: Partial<VPhoneInputCountrySlots<Country> & { [K in string | number | symbol as K extends string ? `country-input:${K<K>}` : never]: ComponentSlots<CountryComponent>[K] } & object>["country-input:divider"]

country-input:item? ​

optional country-input:item: Partial<VPhoneInputCountrySlots<Country> & { [K in string | number | symbol as K extends string ? `country-input:${K<K>}` : never]: ComponentSlots<CountryComponent>[K] } & object>["country-input:item"]

country-input:label? ​

optional country-input:label: Partial<VPhoneInputCountrySlots<Country> & { [K in string | number | symbol as K extends string ? `country-input:${K<K>}` : never]: ComponentSlots<CountryComponent>[K] } & object>["country-input:label"]

country-input:loader? ​

optional country-input:loader: Partial<VPhoneInputCountrySlots<Country> & { [K in string | number | symbol as K extends string ? `country-input:${K<K>}` : never]: ComponentSlots<CountryComponent>[K] } & object>["country-input:loader"]

country-input:message? ​

optional country-input:message: Partial<VPhoneInputCountrySlots<Country> & { [K in string | number | symbol as K extends string ? `country-input:${K<K>}` : never]: ComponentSlots<CountryComponent>[K] } & object>["country-input:message"]

country-input:no-data? ​

optional country-input:no-data: Partial<VPhoneInputCountrySlots<Country> & { [K in string | number | symbol as K extends string ? `country-input:${K<K>}` : never]: ComponentSlots<CountryComponent>[K] } & object>["country-input:no-data"]

country-input:prepend? ​

optional country-input:prepend: Partial<VPhoneInputCountrySlots<Country> & { [K in string | number | symbol as K extends string ? `country-input:${K<K>}` : never]: ComponentSlots<CountryComponent>[K] } & object>["country-input:prepend"]

country-input:prepend-inner? ​

optional country-input:prepend-inner: Partial<VPhoneInputCountrySlots<Country> & { [K in string | number | symbol as K extends string ? `country-input:${K<K>}` : never]: ComponentSlots<CountryComponent>[K] } & object>["country-input:prepend-inner"]

country-input:prepend-item? ​

optional country-input:prepend-item: Partial<VPhoneInputCountrySlots<Country> & { [K in string | number | symbol as K extends string ? `country-input:${K<K>}` : never]: ComponentSlots<CountryComponent>[K] } & object>["country-input:prepend-item"]

country-input:selection? ​

optional country-input:selection: Partial<VPhoneInputCountrySlots<Country> & { [K in string | number | symbol as K extends string ? `country-input:${K<K>}` : never]: ComponentSlots<CountryComponent>[K] } & object>["country-input:selection"]

country-input:subheader? ​

optional country-input:subheader: Partial<VPhoneInputCountrySlots<Country> & { [K in string | number | symbol as K extends string ? `country-input:${K<K>}` : never]: ComponentSlots<CountryComponent>[K] } & object>["country-input:subheader"]

country-name? ​

readonly optional country-name: Partial<VPhoneInputCountrySlots<Country> & { [K in string | number | symbol as K extends string ? `country-input:${K<K>}` : never]: ComponentSlots<CountryComponent>[K] } & object>["country-name"]

Defined in: dist/types.d.ts:383

Country list item title.

Default Value ​

'<country.name>'

country-prepend? ​

readonly optional country-prepend: Partial<VPhoneInputCountrySlots<Country> & { [K in string | number | symbol as K extends string ? `country-input:${K<K>}` : never]: ComponentSlots<CountryComponent>[K] } & object>["country-prepend"]

Defined in: dist/types.d.ts:392

Country list item prepended content.

Default Value ​

Use the country-icon slot with a decorative purpose.

default? ​

readonly optional default: Partial<VPhoneInputCountrySlots<Country> & { [K in string | number | symbol as K extends string ? `country-input:${K<K>}` : never]: ComponentSlots<CountryComponent>[K] } & object>["default"]

Defined in: node_modules/vuetify/lib/components/VTextField/VTextField.d.ts:1151

details? ​

readonly optional details: Partial<VPhoneInputCountrySlots<Country> & { [K in string | number | symbol as K extends string ? `country-input:${K<K>}` : never]: ComponentSlots<CountryComponent>[K] } & object>["details"]

Defined in: node_modules/vuetify/lib/components/VTextField/VTextField.d.ts:1125

label? ​

readonly optional label: Partial<VPhoneInputCountrySlots<Country> & { [K in string | number | symbol as K extends string ? `country-input:${K<K>}` : never]: ComponentSlots<CountryComponent>[K] } & object>["label"]

Defined in: node_modules/vuetify/lib/components/VTextField/VTextField.d.ts:1142

loader? ​

readonly optional loader: Partial<VPhoneInputCountrySlots<Country> & { [K in string | number | symbol as K extends string ? `country-input:${K<K>}` : never]: ComponentSlots<CountryComponent>[K] } & object>["loader"]

Defined in: node_modules/vuetify/lib/components/VTextField/VTextField.d.ts:1148

message? ​

readonly optional message: Partial<VPhoneInputCountrySlots<Country> & { [K in string | number | symbol as K extends string ? `country-input:${K<K>}` : never]: ComponentSlots<CountryComponent>[K] } & object>["message"]

Defined in: node_modules/vuetify/lib/components/VTextField/VTextField.d.ts:1128

prepend? ​

readonly optional prepend: Partial<VPhoneInputCountrySlots<Country> & { [K in string | number | symbol as K extends string ? `country-input:${K<K>}` : never]: ComponentSlots<CountryComponent>[K] } & object>["prepend"]

Defined in: node_modules/vuetify/lib/components/VTextField/VTextField.d.ts:1119

prepend-inner? ​

readonly optional prepend-inner: Partial<VPhoneInputCountrySlots<Country> & { [K in string | number | symbol as K extends string ? `country-input:${K<K>}` : never]: ComponentSlots<CountryComponent>[K] } & object>["prepend-inner"]

Defined in: node_modules/vuetify/lib/components/VTextField/VTextField.d.ts:1136