diff --git a/packages/client/src/schema-component/antd/index.ts b/packages/client/src/schema-component/antd/index.ts
index 708006e870..3172528c16 100644
--- a/packages/client/src/schema-component/antd/index.ts
+++ b/packages/client/src/schema-component/antd/index.ts
@@ -24,6 +24,7 @@ export * from './radio';
 export * from './record-picker';
 export * from './row-selection';
 export * from './select';
+export * from './space';
 export * from './tabs';
 export * from './time-picker';
 export * from './tree-select';
diff --git a/packages/client/src/schema-component/antd/space/index.tsx b/packages/client/src/schema-component/antd/space/index.tsx
new file mode 100644
index 0000000000..5ca1499bd6
--- /dev/null
+++ b/packages/client/src/schema-component/antd/space/index.tsx
@@ -0,0 +1,18 @@
+import { useFormLayout } from '@formily/antd';
+import { Divider, Space as AntdSpace, SpaceProps } from 'antd';
+import React from 'react';
+
+export const Space: React.FC<SpaceProps> = (props) => {
+  let { split } = props;
+  if (split === '|') {
+    split = <Divider type="vertical" />;
+  }
+  const layout = useFormLayout();
+  return React.createElement(AntdSpace, {
+    size: props.size ?? layout?.spaceGap,
+    ...props,
+    split,
+  });
+};
+
+export default Space;