Skip to content

How to change the tooltip description of the following control that control is from Ant Design?

In the following I show the tooltip that I want to change, the control shown is an upload (Ant Design) and I want to modify the tooltip

Thank you very much

const { Dragger } = Upload;

const props = {
  name: "file",
  multiple: true,
  action: "https://www.mocky.io/v2/5cc8019d300000980a055e76",
  onChange(info) {
    const { status } = info.file;
    if (status !== "uploading") {
      console.log(info.file, info.fileList);
    }
    if (status === "done") {
      message.success(`${info.file.name} file uploaded successfully.`);
    } else if (status === "error") {
      message.error(`${info.file.name} file upload failed.`);
    }
  }
};

return (
  <>
    <Dragger {...props}>
      <p className="ant-upload-drag-icon">
        <InboxOutlined />
      </p>
      <p className="ant-upload-text">
        Haga clic o arrastre el archivo a esta área para cargar
      </p>
      <p className="ant-upload-hint">
        Soporte para una carga ├║nica o masiva.
      </p>
    </Dragger>
    <Button type="primary" style={{ marginTop: 16 }}>
      Iniciar Carga
    </Button>
  </>
);

enter image description here

Answer

It looks like the only way without editing their source code is using ConfigProvider to match your localization. I assume that’s what you want to modify is convert the text to Spanish.

DEMO