diff --git a/components/divider/demo/basic.md b/components/divider/demo/basic.md
index 724424e5..ba558b4c 100644
--- a/components/divider/demo/basic.md
+++ b/components/divider/demo/basic.md
@@ -9,17 +9,19 @@ order: 0
 import React from 'react'
 import ReactDOM from 'react-dom'
 import { Divider } from '@kdcloudjs/kdesign'
+import type { IDividerProps } from '@kdcloudjs/kdesign'
 
 const Demo: React.FC = () => {
+  const style: IDividerProps['style'] = { margin: '10px 0', width: '720px' }
   // 改下面的代码
   return (
     <div>
       <p>KDesign of React 是金蝶生态设计系统，将设计赋能给产品、设计、开发各个环节，以保障金蝶系产品的统一体验。</p>
-      <Divider style={{ margin: '10px 0', width: '720px' }} />
+      <Divider style={style} />
       <p>KDesign of React 是金蝶生态设计系统，将设计赋能给产品、设计、开发各个环节，以保障金蝶系产品的统一体验。</p>
-      <Divider style={{ margin: '10px 0', width: '720px' }} />
+      <Divider style={style} />
       <p>KDesign of React 是金蝶生态设计系统，将设计赋能给产品、设计、开发各个环节，以保障金蝶系产品的统一体验。</p>
-      <Divider style={{ margin: '10px 0', width: '720px' }} />
+      <Divider style={style} />
     </div>
   )
 }
diff --git a/components/index.tsx b/components/index.tsx
index dad57df9..edce9e77 100644
--- a/components/index.tsx
+++ b/components/index.tsx
@@ -135,6 +135,8 @@ export { default as ColorPicker } from './color-picker'
 
 export { default as Clipboard } from './clipboard'
 
+export type { IDividerProps } from './divider'
+
 export { default as QRCode } from './qr-code'
 
 export { default as Divider } from './divider'