Skip to content

PhoneInputProps

type PhoneInputProps = PhoneInputControlProps &
Pick<InputProps, "variant" | "placeholder" | "name" | "autoComplete" | "autoFocus"> & {
isDisabled?: boolean;
isReadOnly?: boolean;
ref?: Ref<HTMLInputElement>;
size?: "sm" | "md" | "lg" | "xl";
};

Phone input component props. Spread usePhoneInput().inputProps and add presentational props.

Name Type Description
isDisabled? boolean Disable the input + country selector. Falls back to the surrounding FormControl.
isReadOnly? boolean Make the input read-only. Falls back to the surrounding FormControl.
ref? Ref<HTMLInputElement> -
size? "sm" | "md" | "lg" | "xl" Size of the input and country selector. Defaults to “md”.