diff --git a/packages/devui-vue/docs/components/slider/index.md b/packages/devui-vue/docs/components/slider/index.md
index ecc880ef355e028d1d608b1a58265b6402d88681..1fe1d4649cb0eeeb8c5c0cfb39cf4868876e7105 100644
--- a/packages/devui-vue/docs/components/slider/index.md
+++ b/packages/devui-vue/docs/components/slider/index.md
@@ -33,7 +33,7 @@ export default defineComponent({
 
 :::
 
-### 可设置 Step 的滑动组件
+### 可设置Step的滑动组件
 
 :::demo
 
@@ -122,7 +122,7 @@ export default defineComponent({
 
 :::
 
-### 定制 Popover 的显示内容
+### 定制Popover的显示内容
 
 通过 tipsRenderer 参数传入定制 Popover 内的显示内容。
 :::demo
@@ -164,7 +164,7 @@ d-slider 参数
 | ------------ | ------- | ----- | ------------------------------------------------------------------- | ------------------------------------ |
 | max          | number  | 100   | 可选，滑动输入条的最大值                                            | [基本用法](#基本用法)                |
 | min          | number  | 0     | 可选，滑动输入条的最小值                                            | [基本用法](#基本用法)                |
-| step         | number  | 1     | 可选，滑动输入条的步长，取值必须大于等于 1，且必须可被(max-min)整除 | [基本用法](#可设置Step的滑动组件)    |
-| disabled     | boolean | false | 可选，值为 true 时禁止用户输入                                      | [基本用法](#禁止输入态)              |
-| showInput    | boolean | false | 可选，值为 true 显示输入框                                          | [基本用法](#带有输入框的滑动组件)    |
-| tipsRenderer | string  |       | 可选，渲染 Popover 内容的函数，传入'null'时不显示 Popover           | [基本用法](#定制popover的显示内容) |
+| step         | number  | 1     | 可选，滑动输入条的步长，取值必须大于等于 1，且必须可被(max-min)整除 | [可设置Step的滑动组件](#可设置step的滑动组件)    |
+| disabled     | boolean | false | 可选，值为 true 时禁止用户输入                                      | [禁止输入态](#禁止输入态)              |
+| showInput    | boolean | false | 可选，值为 true 显示输入框                                          | [带有输入框的滑动组件](#带有输入框的滑动组件)    |
+| tipsRenderer | string  |       | 可选，渲染 Popover 内容的函数，传入'null'时不显示 Popover           | [定制popover的显示内容](#定制popover的显示内容) |
diff --git a/packages/devui-vue/docs/en-US/components/slider/index.md b/packages/devui-vue/docs/en-US/components/slider/index.md
new file mode 100644
index 0000000000000000000000000000000000000000..2089946dd7d693fd118b6c98154a76a70e8cdeb8
--- /dev/null
+++ b/packages/devui-vue/docs/en-US/components/slider/index.md
@@ -0,0 +1,172 @@
+# Slider
+
+### When To Use
+
+Used when you need to select a value from a specific range.
+
+### Basic Usage
+
+:::demo
+
+```vue
+<template>
+  <div class="slider-wrapper" style="padding:20px">
+    <d-slider :min="minValue" :max="maxValue" v-model="inputValue"></d-slider>
+  </div>
+</template>
+<script>
+import { defineComponent, ref } from 'vue';
+export default defineComponent({
+  setup() {
+    const inputValue = ref(12);
+    const minValue = ref(0);
+    const maxValue = ref(20);
+    return {
+      inputValue,
+      maxValue,
+      minValue,
+    };
+  },
+});
+</script>
+```
+
+:::
+
+### Limit Step
+
+:::demo
+
+```vue
+<template>
+  <div class="slider-wrapper" style="padding:20px">
+    <d-slider :min="minValue" :max="maxValue" v-model="inputValue" :step="step"></d-slider>
+  </div>
+</template>
+<script>
+import { defineComponent, ref } from 'vue';
+export default defineComponent({
+  setup() {
+    const inputValue = ref(8);
+    const minValue = ref(0);
+    const maxValue = ref(20);
+    const step = ref(4);
+    return {
+      inputValue,
+      maxValue,
+      minValue,
+      step,
+    };
+  },
+});
+</script>
+```
+
+:::
+
+### Bidirectional Binding
+
+:::demo
+
+```vue
+<template>
+  <div class="slider-wrapper" style="padding:20px">
+    <d-slider :min="minValue" :max="maxValue" v-model="inputValue" showInput></d-slider>
+  </div>
+</template>
+<script>
+import { defineComponent, ref } from 'vue';
+export default defineComponent({
+  setup() {
+    const inputValue = ref(10);
+    const minValue = ref(0);
+    const maxValue = ref(20);
+    return {
+      inputValue,
+      maxValue,
+      minValue,
+    };
+  },
+});
+</script>
+```
+
+:::
+
+### Input forbidden state
+
+When disabled is set to true, user input is not allowed.
+
+:::demo
+
+```vue
+<template>
+  <div class="slider-wrapper" style="padding:20px">
+    <d-slider :min="minValue" :max="maxValue" disabled v-model="disabledValue"></d-slider>
+  </div>
+</template>
+<script>
+import { defineComponent, ref } from 'vue';
+export default defineComponent({
+  setup() {
+    const disabledValue = ref(5);
+    const maxValue = ref(50);
+    const minValue = ref(2);
+    return {
+      disabledValue,
+      maxValue,
+      minValue,
+    };
+  },
+});
+</script>
+```
+
+:::
+
+### Customized popover content displayed
+
+Use the tipsRenderer parameter to transfer the function to customize the content displayed in the popover.
+:::demo
+
+```vue
+<template>
+  <div>
+    <div class="slider-wrapper" style="padding:20px">
+      <d-slider  :min="minValue" :max="maxValue" v-model="inputValue" tipsRenderer="apples"></d-slider>
+      <br style="margin-bottom: 20px" />
+      <d-slider :min="minValue" :max="maxValue"  v-model="inputValue" tipsRenderer="null" ></d-slider>
+    </div>
+  </div>
+</template>
+<script>
+import { defineComponent, ref } from 'vue';
+export default defineComponent({
+  setup() {
+    const inputValue = ref(5);
+    const maxValue = ref(50);
+    const minValue = ref(2);
+    return {
+      inputValue,
+      maxValue,
+      minValue,
+    };
+  },
+});
+</script>
+```
+
+:::
+
+### API
+
+d-slider parameter
+
+| Parameter    | Type    | Default |Description                                                                                                                               | Jump to Demo                                                                  |
+|--------------|---------|---------|-------------------------------------------------------------------------------------------------------------------------------------------|-------------------------------------------------------------------------------|
+| min          | number  | 0       | Optional. Minimum value of the sliding input bar                                                                                          | [Basic Usage](#basic-usage)                                                   |
+| max          | number  | 100     | Optional. Maximum value of the sliding input bar                                                                                          | [Basic Usage](#basic-usage)                                                   |
+| step         | number  | 1       | Optional. Step of the sliding input bar. The value must be greater than or equal to 0 and must be divisible by (max-min)                  | [Limit Step ](#limit-step)                                                    |
+| disabled     | boolean | false   | Optional. When the value is true, users are not allowed to enter                                                                          | [Input forbidden state](#input-forbidden-state)                               |
+| showInput    | boolean | false   | Optional,When the value is false,the input is not displayed                                                                               | [Bidirectional Binding](#bidirectional-binding)                               |
+| tipsRenderer | string  |         | Optional. This parameter indicates the function for rendering popover content. If "null" is transferred, popover content is not displayed | [Customized popover content displayed](#customized-popover-content-displayed) |