diff --git a/pages/en-us/components/button-group.mdx b/pages/en-us/components/button-group.mdx
index d4a969b..6ff1ff2 100644
--- a/pages/en-us/components/button-group.mdx
+++ b/pages/en-us/components/button-group.mdx
@@ -40,6 +40,11 @@ A set of related buttons.
     <Button>Action1</Button>
     <Button>Action2</Button>
   </ButtonGroup>
+  <ButtonGroup type="success-light" size="small">
+    <Button>One</Button>
+    <Button>Two</Button>
+    <Button>Three</Button>
+  </ButtonGroup>
 </>
 `} />
 
@@ -103,6 +108,7 @@ A set of related buttons.
 
 ```ts
 type ButtonTypes = 'default' | 'secondary' | 'success' | 'warning' | 'error' | 'abort'
+  | 'secondary-light' | 'success-light' | 'warning-light' | 'error-light'
 ```
 
 <Attributes.Title>NormalSizes</Attributes.Title>
diff --git a/pages/en-us/components/button.mdx b/pages/en-us/components/button.mdx
index 8153565..ccba065 100644
--- a/pages/en-us/components/button.mdx
+++ b/pages/en-us/components/button.mdx
@@ -58,10 +58,10 @@ Used to trigger an operation.
   <Grid><Button auto type="warning">Warning</Button></Grid>
   <Grid><Button auto type="error">Error</Button></Grid>
   <Grid><Button auto type="abort">Abort</Button></Grid>
-  <Grid><Button auto type="secondary-light">Secondary Ligth</Button></Grid>
-  <Grid><Button auto type="success-light">Success Ligth</Button></Grid>
-  <Grid><Button auto type="warning-light">Warning Ligth</Button></Grid>
-  <Grid><Button auto type="error-light">Error Ligth</Button></Grid>
+  <Grid><Button auto type="secondary-light">Secondary Light</Button></Grid>
+  <Grid><Button auto type="success-light">Success Light</Button></Grid>
+  <Grid><Button auto type="warning-light">Warning Light</Button></Grid>
+  <Grid><Button auto type="error-light">Error Light</Button></Grid>
 </Grid.Container>
 `} />
 
diff --git a/pages/zh-cn/components/button-group.mdx b/pages/zh-cn/components/button-group.mdx
index 0ee4b2e..8e65956 100644
--- a/pages/zh-cn/components/button-group.mdx
+++ b/pages/zh-cn/components/button-group.mdx
@@ -40,6 +40,11 @@ export const meta = {
     <Button>Action1</Button>
     <Button>Action2</Button>
   </ButtonGroup>
+  <ButtonGroup type="success-light" size="small">
+    <Button>One</Button>
+    <Button>Two</Button>
+    <Button>Three</Button>
+  </ButtonGroup>
 </>
 `} />
 
@@ -103,6 +108,7 @@ export const meta = {
 
 ```ts
 type ButtonTypes = 'default' | 'secondary' | 'success' | 'warning' | 'error' | 'abort'
+  | 'secondary-light' | 'success-light' | 'warning-light' | 'error-light'
 ```
 
 <Attributes.Title>NormalSizes</Attributes.Title>