Modal

Con este componente se renderiza un input numerico que muestra una pantalla modal al terminar de escribir los 5 dígitos.

Información del código postal

{}

Código

import { ModalCp } from "react-cp-mexico";
import React, { useState } from "react";

export const MyApp = () => {
  const [address, setAddress] = useState<onChangeModalCp>({
    colonia: "",
    estado: "",
    municipio: "",
    tipoDeZona: "",
    cp: "",
  });

  return <ModalCp onChange={setAddress} />;
};
Copy

export interface AddressI {
  estado: string;
  municipio: string;
  colonia: string;
  tipoDeZona: string;
}

export interface onChangeModalCp extends AddressI {
  cp: string;
}
Copy