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}` : never]: ComponentSlots<CountryComponent>[K] } & object>["append"]

Defined in: node_modules/.pnpm/vuetify@4.2.1_typescript@5.9.3_vite-plugin-vuetify@2.1.3_vue@3.5.30_typescript@5.9.3_/node_modules/vuetify/lib/components/VTextField/VTextField.d.ts:1162

---

append-inner?

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

Defined in: node_modules/.pnpm/vuetify@4.2.1_typescript@5.9.3_vite-plugin-vuetify@2.1.3_vue@3.5.30_typescript@5.9.3_/node_modules/vuetify/lib/components/VTextField/VTextField.d.ts:1179

---

clear?

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

Defined in: node_modules/.pnpm/vuetify@4.2.1_typescript@5.9.3_vite-plugin-vuetify@2.1.3_vue@3.5.30_typescript@5.9.3_/node_modules/vuetify/lib/components/VTextField/VTextField.d.ts:1171

---

counter?

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

Defined in: node_modules/.pnpm/vuetify@4.2.1_typescript@5.9.3_vite-plugin-vuetify@2.1.3_vue@3.5.30_typescript@5.9.3_/node_modules/vuetify/lib/components/VTextField/VTextField.d.ts:1196

---

country-append?

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

---

country-input:menu-footer?

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

---

country-input:menu-header?

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

---

country-input:message?

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

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

Country list item prepended content.

Default Value

Use the country-display slot with a decorative purpose.

---

default?

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

Defined in: node_modules/.pnpm/vuetify@4.2.1_typescript@5.9.3_vite-plugin-vuetify@2.1.3_vue@3.5.30_typescript@5.9.3_/node_modules/vuetify/lib/components/VTextField/VTextField.d.ts:1191

---

details?

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

Defined in: node_modules/.pnpm/vuetify@4.2.1_typescript@5.9.3_vite-plugin-vuetify@2.1.3_vue@3.5.30_typescript@5.9.3_/node_modules/vuetify/lib/components/VTextField/VTextField.d.ts:1165

---

label?

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

Defined in: node_modules/.pnpm/vuetify@4.2.1_typescript@5.9.3_vite-plugin-vuetify@2.1.3_vue@3.5.30_typescript@5.9.3_/node_modules/vuetify/lib/components/VTextField/VTextField.d.ts:1182

---

loader?

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

Defined in: node_modules/.pnpm/vuetify@4.2.1_typescript@5.9.3_vite-plugin-vuetify@2.1.3_vue@3.5.30_typescript@5.9.3_/node_modules/vuetify/lib/components/VTextField/VTextField.d.ts:1188

---

message?

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

Defined in: node_modules/.pnpm/vuetify@4.2.1_typescript@5.9.3_vite-plugin-vuetify@2.1.3_vue@3.5.30_typescript@5.9.3_/node_modules/vuetify/lib/components/VTextField/VTextField.d.ts:1168

---

prepend?

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

Defined in: node_modules/.pnpm/vuetify@4.2.1_typescript@5.9.3_vite-plugin-vuetify@2.1.3_vue@3.5.30_typescript@5.9.3_/node_modules/vuetify/lib/components/VTextField/VTextField.d.ts:1159

---

prepend-inner?

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

Defined in: node_modules/.pnpm/vuetify@4.2.1_typescript@5.9.3_vite-plugin-vuetify@2.1.3_vue@3.5.30_typescript@5.9.3_/node_modules/vuetify/lib/components/VTextField/VTextField.d.ts:1176