diff --git a/client/packages/lowcoder/src/pages/editor/LeftContent.tsx b/client/packages/lowcoder/src/pages/editor/LeftContent.tsx
index 126024d65..1b403d682 100644
--- a/client/packages/lowcoder/src/pages/editor/LeftContent.tsx
+++ b/client/packages/lowcoder/src/pages/editor/LeftContent.tsx
@@ -446,7 +446,14 @@ export const LeftContent = (props: LeftContentProps) => {
         </span>
         {info?.show && data && (
           <Modal
-            title={data.name}
+            title={
+              <div>
+                <div>{data.name}</div>
+                <div style={{ fontSize: '12px', color: '#666', fontWeight: 'normal', marginTop: '4px' }}>
+                  <strong>Type:</strong> {data.type}
+                </div>
+              </div>
+            }
             open={info.show}
             onOk={() => setShowData([])}
             cancelButtonProps={{ style: { display: 'none' } }}