diff --git a/CHANGELOG.es.md b/CHANGELOG.es.md
index 067772b27..40993b05d 100644
--- a/CHANGELOG.es.md
+++ b/CHANGELOG.es.md
@@ -4,184 +4,198 @@
 
 *2019-04-25*
 
-#### Bug fixes
+#### Corrección de errores
 
 - Icon
-  - Update icon (#15272 by @iamkun)
+  - Actualizado icon (#15272 by @iamkun)
 - Docs
-  - Fix Form and Input doc style (#15273 by @ziyoung)
+  - Arreglada la documentacion de Form e Input (#15273 by @ziyoung)
 
 ### 2.8.1
 
 *2019-04-25*
 
-#### Bug fixes
+#### Corrección de errores
 
 - Icon
-  - Update icon of cascader and select (#15264 by @SimonaliaChen)
-  - Update icon (#15258 #15268 by @iamkun)
+  - Actualizado el icono de cascader y select (#15264 by @SimonaliaChen)
+  - Actualizado icon (#15258 #15268 by @iamkun)
 
-#### Optimization
+#### Optimización
 
 - Chore
-  - Update build script (#15267 by @ziyoung)
+  - Actualizado build script (#15267 by @ziyoung)
 - Docs
-  - Fix link underline color (#15265 by @iamkun)
+  - Arreglado el color underline de link (#15265 by @iamkun)
 - Other
-  - Fix migrating config not compatible with camel case props and events (#15260 by @SimonaliaChen)
+  - Arreglada la migracion de la configuracion no compatible con camel case props y eventos (#15260 by @SimonaliaChen)
 
 ### 2.8.0
 
 *2019-04-25*
 
-#### New features
+#### Nuevas características
 
 - Divider
-  - Add divider component (#15055 by @island205)
+  - Agregado el componente Divider (#15055 by @island205)
 - Rate
-  - Add custom colors and icon-classes by passing a object (#15051 by @SimonaliaChen)
+  - Agregados colores personalizados y clases de iconos pasando un objeto (#15051 by @SimonaliaChen)
 - Link
-  - Add link component (#15052 by @iamkun)
+  - Agregado componente Link (#15052 by @iamkun)
 - Calendar
-  - Add calendar component (#14908 by @ziyoung)
+  - Agregado el componente Calendar (#14908 by @ziyoung)
 - Icon
-  - Add icon (#15214 by @iamkun)
+  - Agregado Icon (#15214 by @iamkun)
 - Alert
-  - Add dark theme (#15041 by @island205)
+  - Agregado tema dark (#15041 by @island205)
 - Image
-  - Add image component (#15117 by @SimonaliaChen)
+  - Agregado componente image (#15117 by @SimonaliaChen)
 - Collapse
-  - CollapseItem can be disabled (#15076 by @ziyoung)
+  - CollapseItem puede ser disabled (#15076 by @ziyoung)
 - Carousel
-  - Add direction attribute and support vertical direction (#15122 by @ziyoung)
+  - Agregado atributo direction y soporte para la direccion vertical (#15122 by @ziyoung)
 - Pagination
-  - Add hide-on-single-page attribute (#15096 by @ziyoung)
+  - Agregado atributo hide-on-single-page (#15096 by @ziyoung)
 - Slider
-  - Add marks attribute (#15133 by @luckyCao)
+  - Agregado atributo marks (#15133 by @luckyCao)
 - Input
-  - Add show-word-count attribute (#15075 by @luckyCao)
+  - Agregado attributo show-word-count (#15075 by @luckyCao)
 - InputNumber
-  - Add step-strictly attribute (#15050 by @luckyCao)
+  - Agregado atributo step-strictly (#15050 by @luckyCao)
 - Tooltip, Dropdown, Popover
-  - Support tabindex attribute (#15167 by @ziyoung)
+  - Soporte para el atributo tabindex (#15167 by @ziyoung)
 
-#### Bug fixes
+#### Corrección de errores
 
 - Notification
-  - Fix title word break (#15008 by @iamkun)
+  - Arreglado el word break del titulo (#15008 by @iamkun)
 - Form
-  - Fix switching the rules in el-form not work (#14985 by @luckyCao)
-  - Fix label style (#14969 by @ziyoung)
-  - Required FormItem displays asterisk when label is auto (#15144 by @ziyoung)
+  - Arreglado que cuando se cambiaban las reglas en el-form no funcionaba (#14985 by @luckyCao)
+  - Arreglado el estilo del label (#14969 by @ziyoung)
+  - Los FormItem requeridos muestran astericos cuando el label es auto (#15144 by @ziyoung)
 - Pagination
-  -  Fix slot not updated (#14711 by @lucyhao)
+  -  Arreglaod que el slot no se actualizaba (#14711 by @lucyhao)
 - Table
-  - Fix load bug in lazy mode (#15101 by @ziyoung)
-  - Fix cell width when colspan is grater than 1 (#15196 by @ziyoung)
-  - Improve performance (#14868 by @ziyoung)
-  - Don't emit triggers sort-change during initialization (#14625 by @PeanutWatson)
-  - Equal behaviour for height and max-height (#14660 by @arthurdenner)
+  - Arreglado un bug del load en el modo lazy (#15101 by @ziyoung)
+  - Arreglado el ancho de la celda cuando colspan es mayor que 1 (#15196 by @ziyoung)
+  - Mejora en el rendimiento (#14868 by @ziyoung)
+  - No se emiten disparadores del evento sort-change durante la inicializacion (#14625 by @PeanutWatson)
+  - Igual comportamiento para height y max-height (#14660 by @arthurdenner)
 - Dialog
-  - Fix dialog body correctly break long words (#15027 by @iamkun)
+  - Arreglado que el cuerpo del dialog quiebre las palabras correctamente en las palabras largas (#15027 by @iamkun)
 - Alert
-  - update type definition (#15186 by @ziyoung)
+  - Actualizada la definicion de type (#15186 by @ziyoung)
 - Tabs
-  - Fix issue where Promise rejection was hitting application (#14816 by @ffxsam)
-  - Rerender when slot changes (#15238 by @ziyoung)
+  - Solucionado el problema por el que el rechazo de la promesa estaba afectando a la aplicación (#14816 by @ffxsam)
+  - Rerender cuando hay cambios en el slot (#15238 by @ziyoung)
 - Message
-  - Fix type definition (#14968 by @agoni1212)
+  - Actualizada la definicion de type (#14968 by @agoni1212)
 - Select
-  - Fix error when value is undefined or null (#15022 by @luckyCao)
+  - Solucionado el error cuando value es undefined o null (#15022 by @luckyCao)
 - Tree
-  - Delete current node after it removed (#14604 by @sinchang)
-  - Improve performance (#14881 by @ChenZhuoSteve)
+  - Eliminar el nodo actual despues de removido (#14604 by @sinchang)
+  - Mejora en el rendimiento (#14881 by @ChenZhuoSteve)
 - Dropdown
-  - Fix style (#14907 by @doing123)
+  - Estilo arreglado (#14907 by @doing123)
 - Slider
-  - Fix broken keyboard a11y bug (#14792 by @erezsob)
+  - Corrección de un fallo en el teclado a11y  (#14792 by @erezsob)
 - Menu
-  - ActiveIndex value shall be null if defaultIndex does not exist(#14074 by @hoythan)
+  - El valor de ActiveIndex será nulo si el defaultIndex no existe  (#14074 by @hoythan)
 - Directive
-  - RepeatClick: use Date.now() instead of new Date() (#14776 by @pavelmash)
+  - RepeatClick: usa Date.now() en lugar de new Date() (#14776 by @pavelmash)
 - Upload
-  - Fix Upload transparent picture display style (#15039 by @iamkun)
+  - Arreglado el estilo para mostrar imagenes transparentes (#15039 by @iamkun)
 - Theme
-  - Add zero border (#15256 by @iamkun)
+  - Agregado zero border (#15256 by @iamkun)
 
-#### Optimization
+#### Optimización
 
-- Chore
-  - Update changelog zh-cn (#14965 by @iamkun)
-  - Hide demo description when it's empty (#15014 by @ziyoung)
-  - Display dev server info by default by @iamkun)
-  - Fix 2.6.0 changelog error (#15026 by @iamkun)
-  - Update build config (#14821 by @abc3660170)
-  - Add hmr (#15221 by @SimonaliaChen)
-  - Use sourcemap in dev environment (#15087 by @ibufu)
-Docs
-  - Rename variable in docs (#14602 #15003 #15094 #15105 by @liupl)
-  - Fix upload doc error (#15023 by @iamkun)
-  - Update Form custom validator doc (#15040 by @iamkun)
-  - Update Tabs docs to display vertical tabs (#15053 by @iamkun)
-  - Use eleme.cn as domain (#15139 by @ziyoung)
-  - Fix Image route name (#15194 by @iamkun)
-  - Remove duplicated fr translation (#15207 by @iamkun)
+- Tareas
+  - Actualizado changelog zh-cn (#14965 by @iamkun)
+  
+  - Ocultar la descripcion de la demo cuando esta vacia (#15014 by @ziyoung)
+  
+  - Muestra la info dev del server por defecto @iamkun)
+  
+  - Arreglado un error del changelog v2.6.0 (#15026 by @iamkun)
+
+  - Actualizado build config (#14821 by @abc3660170)
+  
+  - Agregado hmr (#15221 by @SimonaliaChen)
+  
+  - Uso de sourcemap en entorno dev (#15087 by @ibufu) Docs
+  
+  - Cambio de nombre de variable en docs (#14602 #15003 #15094 #15105 by @liupl)
+  
+  - Arreglado un error en la documentacion de upload (#15023 by @iamkun)
+  
+  - Actualizada la documentacion del custom validator del Form (#15040 by @iamkun)
+  
+  - Actualizada la documentacion de Tabs de como mostrar tabs verticales (#15053 by @iamkun)
+  
+  - Uso del dominio eleme.cn (#15139 by @ziyoung)
+  
+  - Arreglado el nombre de la ruta de imágenes (#15194 by @iamkun)
+  
+  - Eliminada la traducción duplicada en francés (#15207 by @iamkun)
+  
+    
 
 #### Breaking changes
 
 - Rate
-  - Fix decimal display support in disabled mode (#15089 by @haoranyu)
+  - Arreglado Fix decimal display support in disabled mode (#15089 by @haoranyu)
 - Select
-  - Use placeholder option label to set placeholder in filter mode (#14989 by @ibufu)
+  - Se usa la opcion placeholder del label para poner el placeholder en el modo filter (#14989 by @ibufu)
 
 ### 2.7.2
 
 *2019-04-03*
 
-#### Bug fixes
+#### Corrección de errores
 
 - Form
-  - Fix auto `label-width` style (#14955 by @ziyoung)
+  - Arreglado el estilo auto `label-width` (#14955 by @ziyoung)
   
-#### Optimization
+#### Optimización
 - Docs
-  - Fix doc img link error (#14957 by @iamkun)
+  - Arreglado un error de link de una imagen (#14957 by @iamkun)
 - Chore
-  - Fix deploy mkdir error (#14952 by @iamkun)
+  - Arreglado un error de mkdir en el deploy (#14952 by @iamkun)
 
 ### 2.7.1
 
 *2019-04-03*
 
-#### Bug fixes
+#### Corrección de errores
 
 - Select
-  - Set value to null when cleared (#14322 by @aaronfulkerson)
+  - Se asigna null a value cuando se limpia (#14322 by @aaronfulkerson)
 - Input
-  - Update DOM dependent values on type change (#14889 by @wacky6)
+  - Actualiza los valores dependientes en el DOM cuando el tipo cambia (#14889 by @wacky6)
 - Table
-  - Make `defaultExpandAll` works when expanded column exists (#14935 by @ziyoung)
+  - Hacer que defaultExpandAll funcione cuando exista una columna expandida (#14935 by @ziyoung)
 - Dialog
-  - Background color can be configured (#14939 by @ziyoung)
+  - El color de fondo puede ser configurado (#14939 by @ziyoung)
 - Form
-  - `label-width` supports auto width (#14944 by @ziyoung)
+  - `label-width` soporta auto width (#14944 by @ziyoung)
   
-#### Optimization
+#### Optimización
 - Docs
-  - Update Spanish docs (#14913 by @Gonzalo2310)
-  - Add French doc for new component (#14924 by @ziyoung)
-  - Optimize Tabs docs (#14938 by @ziyoung)
+  - Actualización de la documentación en español  (#14913 by @Gonzalo2310)
+  - Agregada documentación en francés para el nuevo componente (#14924 by @ziyoung)
+  - Documentación de los Tabs optimizada (#14938 by @ziyoung)
 
 ### 2.7.0
 
 *2019-03-28*
 
-#### New features
+#### Nuevas características
 
 - Table
   - Agregado soporte de datos con estructura tree (#14632 by @ziyoung)
 
-#### Bug fixes
+#### Corrección de errores
 
 - Tabs
   - Uso de color primario como boxShadow color (#14558 by @Richard-Choooou)
@@ -203,7 +217,7 @@ Docs
 - Style
   - Corrección de la media query en sm-only, md-only, lg-only (#14611 by @sinchang)
 
-#### Optimization
+#### Optimización
 
 - Chore
   - Añadido descripción de la página web (#14802 by @iamkun)
@@ -212,7 +226,7 @@ Docs
 
 *2019-03-21*
 
-#### Bug fixes
+#### Corrección de errores
 
 - Corrección del estilo de demostración de Cascader (#14789 by @ziyoung)
 - Eliminación de la operación DOM innecesaria (#14788 by @ziyoung)
@@ -222,7 +236,7 @@ Docs
 
 *2019-03-21*
 
-#### New features
+#### Nuevas características
 
 - DatePicker
   - Añadido monthrange para el atributo type (#14487 by @zxyRealm)
@@ -232,7 +246,7 @@ Docs
   - Actualización del documento en francés para 2.6.1 y corrección de errores tipográficos (#14555 by @smalesys)
   - Actualización de la traducción al francés (#14643 by @smalesys)
 
-#### Bug fixes
+#### Corrección de errores
 
 - Input
   - Corregida regresión (#14572 by @wacky6)
@@ -253,7 +267,7 @@ Docs
   - Corregido los elementos de control de resaltado para Webkit touch (#14703 by @VladG0r)
 
 
-#### Optimization
+#### Optimización
 
 - Chore
   - Actualización del script de construcción de ci (#14600 by @ziyoung)
@@ -268,7 +282,7 @@ Docs
 
 *2019-03-03*
 
-#### Bug fixes
+#### Corrección de errores
 
 - **Don't specify node version** (by @iamkun in #14546)
 - Corrección del directorio doc en `deloy-faas.sh` (by @ziyoung in #14553)
@@ -279,7 +293,7 @@ Docs
 
 *2019-03-01*
 
-#### New features
+#### Nuevas características
 - Timeline
   - Agregado componente timeline (by @jikkai in #14248)
 - DropdownItem
@@ -295,7 +309,7 @@ Docs
 - Docs
   - Traducción al francés (by @smalesys in #12153, #14418, #14434)
 
-#### Optimization
+#### Optimización
 - Alert
   - Actualizada la descripción de Alert  (by @iamkun in #14488)
 - Input
@@ -323,7 +337,7 @@ Docs
   - Uso de cli para seleccionar la versión de lanzamiento (by @hetech in #14354)
 - Instalación de stale para el manejo de issues (by @island205 in #14392)
 
-#### Bug fixes
+#### Corrección de errores
 - Menu
   - Corregido el error de focus del submenú cuando se cambiaba la pestaña del navegador (by @liupl in #13976)
 - MessageBox
@@ -351,7 +365,7 @@ Docs
 
 *2019-02-01*
 
-#### Bug fixes
+#### Corrección de errores
 
 - Build: Se ha solucionado el problema de configuración de babel que provocaba que el efecto de transicion de collpase se rompiera (por @island205 en #14282)
 
@@ -359,30 +373,28 @@ Docs
 
 *2019-01-31*
 
-#### Optimization
+#### Optimización
 
 - Optimización del código de Message (por @vok123 en #14029)
 - Retirada de gh-pages (por @ziyoung en #14266)
 - Añadido enlace IssueHunt (por @island205 en #14261)
 
-#### Bug fixes
+#### Corrección de errores
 
 - Corregido el error del módulo UMD en el lado del servidor (por @island205 en #14242)
 - Corregido el estilo activo de TabBar (por @iamkun en #14240)
 - Corregido el error de código de demo de la tabla (por @xunmeng en #14253)
 
-#### Bug fixes
-
 
 ### 2.5.2
 
 *2019-01-27*
 
-#### Optimization
+#### Optimización
 - Docs:
   - Actualizacion ChangeLog ES 2.5.1 (by @Gonzalo2310 in #14231)
 
-#### Bug fixes
+#### Corrección de errores
 - Build:
   - Eliminar comentarios no borrados en el módulo umd `lib/index.js` (por @island205 en #14233)
   - Corregido el error de exportación disparado en el módulo commonjs usado en nuxt.js (por @island205 en #14232)
@@ -392,11 +404,11 @@ Docs
 
 *2019-01-26*
 
-#### Optimization
+#### Optimización
 - DatePicker: resalta el mes y año actual (por @Debiancc en #14211)
 - Actualizacion del changelog 2.5.0 (por @wacky6 en #14217)
 
-#### Bug fixes
+#### Corrección de errores
 - Arreglado el problema de exportación generado por la actualización de webpack (por @island205 en #14220)
 - Guardados los documentos 2.4.11 y la nueva subcarpeta para 2.5+ (por @iamkun en #14222)
 
@@ -404,7 +416,7 @@ Docs
 
 *2019-01-25*
 
-#### Bug fixes
+#### Corrección de errores
 - Autocompletar
   - Corregida la última línea del menú desplegable que comenzaba recortada (#13597) (por @ziyoung)
   - Arreglada la popper arrow que faltaba (#13762) (por @liuchuzhang)
diff --git a/examples/docs/es/alert.md b/examples/docs/es/alert.md
index d95334e51..476f0bed8 100644
--- a/examples/docs/es/alert.md
+++ b/examples/docs/es/alert.md
@@ -32,9 +32,9 @@ Los componentes de alertas no son elementos overlay de la página y no desaparec
 
 ### Theme
 
-Alert provide two different themes, `light` and `dark`.
+Alert provee dos diferentes temas  `light` y `dark`.
 
-:::demo Set `effect` to change theme, default is `light`.
+:::demo Use `effect` para cambiar el tema, por defecto es `light`.
 ```html
 <template>
   <el-alert
diff --git a/examples/docs/es/calendar.md b/examples/docs/es/calendar.md
index 55c265b44..4cbb22742 100644
--- a/examples/docs/es/calendar.md
+++ b/examples/docs/es/calendar.md
@@ -1,10 +1,10 @@
 ## Calendar
 
-Display date.
+Muestra fechas.
 
-### Basic
+### Basico
 
-:::demo Set `value` to specify the currently displayed month. If `value` is not specified, current month is displayed. `value` supports two-way binding.
+:::demo Configure el valor para especificar el mes que se muestra actualmente. Si no se especifica el valor, se muestra el mes actual. el valor soporta la vinculación bidireccional.
 ```html
 <el-calendar v-model="value">
 </el-calendar>
@@ -21,9 +21,10 @@ Display date.
 ```
 :::
 
-### Custom Content
+### Contenido personalizado
+
+:::demo Personalice lo que se muestra en la celda del calendario configurando el `scoped-slot` llamada `dateCell`. En la ranura de alcance se puede obtener la fecha (la fecha de la celda actual), los datos (incluyendo el tipo, isSelected, el atributo day). Para obtener más información, consulte la documentación de la API a continuación.
 
-:::demo Customize what is displayed in the calendar cell by setting `scoped-slot` named `dateCell`. In `scoped-slot` you can get the date (the date of the current cell), data (including the type, isSelected, day attribute). For details, please refer to the API documentation below.
 ```html
 <el-calendar>
   <!-- Use 2.5 slot syntax. If you use Vue 2.6, please use new slot syntax-->
@@ -43,23 +44,23 @@ Display date.
 ```
 :::
 
-### Range
+### Rango
 
-:::demo Set the `range` attribute to specify the display range of the calendar. Start time must be Monday, end time must be Sunday, and the time span cannot exceed two months.
+:::demo Defina el atributo `range` para especificar el rango de visualización del calendario. El tiempo de inicio debe ser el lunes, el tiempo de finalización debe ser el domingo y el período no puede exceder los dos meses.
 ```html
 <el-calendar :range="['2019-03-04', '2019-03-24']">
 </el-calendar>
 ```
 :::
 
-### Attributes
-| Attribute       | Description   | Type      | Accepted Values       | Default  |
+### Atributos
+| Atributo      | Descripción | Tipo   | Valores aceptados | Por defecto |
 |-----------------|-------------- |---------- |---------------------- |--------- |
-| value / v-model | binding value | Date/string/number | —            | —        |
-| range           | time range, including start time and end time. Start time must be Monday, end time must be Sunday, the time span cannot exceed two months | Array     | —           | —      |
+| value / v-model | valor vinculante | Date/string/number | —            | —        |
+| range           | rango de tiempo, incluyendo el tiempo de inicio y el tiempo final. El tiempo de inicio debe ser el lunes, el tiempo final debe ser el domingo, el período no puede exceder los dos meses. | Array     | —           | —      |
 
-### dateCell scoped slot 参数
-| Attribute       | Description   | Type      | Accepted Values       | Default  |
+### dateCell scoped slot
+| Atributo      | Descripción | Tipo   | Valores aceptados | Por defecto |
 |-----------------|-------------- |---------- |---------------------- |--------- |
-| date            | date the cell represents  | Date      | —                     | —        |
-| data            | { type, isSelected, day}. `type` indicates which month the date belongs, optional values are prev-month, current-month, next-month; `isSelected` indicates whether the date is selected; `day` is the formatted date in the format yyyy-MM-dd    | Object      | —           | —      |
+| date            | fecha que la celda representa | Date      | —                     | —        |
+| data            | { type, isSelected, day}. `type` indica el mes al que pertenece la fecha, los valores opcionales son mes anterior, mes actual, mes siguiente; `isSelected` indica si la fecha está seleccionada; `day` es la fecha formateada en el formato yyyy-MM-dd | Object      | —           | —      |
diff --git a/examples/docs/es/carousel.md b/examples/docs/es/carousel.md
index b8d3a5e92..a715c1dc8 100644
--- a/examples/docs/es/carousel.md
+++ b/examples/docs/es/carousel.md
@@ -151,7 +151,7 @@ Cuando una página es suficientemente ancha pero tiene una altura limitada, pued
 ```
 :::
 
-By default, `direction` is `horizontal`. Let carousel be displayed in the vertical direction by setting `direction` to `vertical`.
+Por defecto, `direction` es `horizontal`. El carousel puede ser mostrado de forma vertical cambiando `direction` a `vertical`.
 
 :::demo
 ```html
@@ -184,18 +184,18 @@ By default, `direction` is `horizontal`. Let carousel be displayed in the vertic
 :::
 
 ### Atributos de Carousel
-| Atributo           | Descripcion                              | Tipo    | Valores aceptados  | Por defecto |
-| ------------------ | ---------------------------------------- | ------- | ------------------ | ----------- |
-| height             | Alto del carrusel                        | string  | —                  | —           |
-| initial-index      | Indice del slider inicial activo (empieza desde 0) | number  | —                  | 0           |
-| trigger            | Evento que muestra los indicadores       | string  | hover/click        | hover       |
-| autoplay           | Si se enlazan automáticamente las diapositivas | boolean | —                  | true        |
-| interval           | Intervalo del auto loop, en milisegundos | number  | —                  | 3000        |
-| indicator-position | Posición del indicador de paginación     | string  | outside/none       | —           |
-| arrow              | Cuando se muestran las flechas           | string  | always/hover/never | hover       |
-| type               | Tipo de carrusel                         | string  | card               | —           |
-| loop               | Si se muestra cíclicamente               | boolean | —                  | true        |
-| direction          | display direction                        | string  | horizontal/vertical| horizontal  |
+| Atributo           | Descripcion                                        | Tipo    | Valores aceptados   | Por defecto |
+| ------------------ | -------------------------------------------------- | ------- | ------------------- | ----------- |
+| height             | Alto del carrusel                                  | string  | —                   | —           |
+| initial-index      | Indice del slider inicial activo (empieza desde 0) | number  | —                   | 0           |
+| trigger            | Evento que muestra los indicadores                 | string  | hover/click         | hover       |
+| autoplay           | Si se enlazan automáticamente las diapositivas     | boolean | —                   | true        |
+| interval           | Intervalo del auto loop, en milisegundos           | number  | —                   | 3000        |
+| indicator-position | Posición del indicador de paginación               | string  | outside/none        | —           |
+| arrow              | Cuando se muestran las flechas                     | string  | always/hover/never  | hover       |
+| type               | Tipo de carrusel                                   | string  | card                | —           |
+| loop               | Si se muestra cíclicamente                         | boolean | —                   | true        |
+| direction          | direccion en la que se muestra el contenido        | string  | horizontal/vertical | horizontal  |
 
 ### Eventos de Carousel
 | Nombre evento | Descripción                              | Parametros                               |
diff --git a/examples/docs/es/collapse.md b/examples/docs/es/collapse.md
index da569531a..ea9d50d1e 100644
--- a/examples/docs/es/collapse.md
+++ b/examples/docs/es/collapse.md
@@ -129,4 +129,5 @@ Además de usar el atributo `title`, se puede personalizar el título del panel
 | -------- | ----------------------------- | ------------- | ----------------- | ----------- |
 | name     | identificador único del panel | string/number | —                 | —           |
 | title    | título del panel              | string        | —                 | —           |
-| disabled | disable the collapse item     | boolean       | —                 | —           |
\ No newline at end of file
+| disabled | deshabilita el collapse ítem  | boolean       | —                 | —           |
+
diff --git a/examples/docs/es/divider.md b/examples/docs/es/divider.md
index d419c9bd9..847b1efce 100644
--- a/examples/docs/es/divider.md
+++ b/examples/docs/es/divider.md
@@ -1,10 +1,10 @@
 ## Divider
 
-The dividing line that separates the content.
+La línea divisoria que separa el contenido.
 
-### Basic usage
+### Uso básico
 
-Divide the text of different paragraphs.
+Divide el texto de los diferentes párrafos.
 
 :::demo
 ```html
@@ -18,9 +18,9 @@ Divide the text of different paragraphs.
 ```
 :::
 
-### Custom content
+### Contenido personalizado
 
-You can customize the content on the divider line.
+Puede personalizar el contenido en la línea divisoria.
 
 
 :::demo
@@ -38,7 +38,7 @@ You can customize the content on the divider line.
 ```
 :::
 
-### Vertical divider
+### División vertical
 
 :::demo
 ```html
@@ -54,8 +54,8 @@ You can customize the content on the divider line.
 ```
 :::
 
-### Divider Attributes
-| Attribute      | Description          | Type      | Accepted Values       | Default  |
+### Divider Atributos
+| Atributo     | Descripción        | Tipo   | Valores aceptados | Por defecto |
 |-------------  |---------------- |---------------- |---------------------- |-------- |
-| direction      | Set divider's direction  | string  |          horizontal / vertical           |    horizontal     |
-| content-position      | customize the content on the divider line | String  |  left / right / center  |  center |
\ No newline at end of file
+| direction      | indica la dirección del separador | string  |          horizontal / vertical           |    horizontal     |
+| content-position      | personaliza el contenido en la línea divisoria | String  |  left / right / center  |  center |
\ No newline at end of file
diff --git a/examples/docs/es/dropdown.md b/examples/docs/es/dropdown.md
index 4246837b9..556040556 100644
--- a/examples/docs/es/dropdown.md
+++ b/examples/docs/es/dropdown.md
@@ -280,14 +280,14 @@ Además del tamaño predeterminado, el componente Dropdown proporciona tres tama
 | hide-on-click | si se oculta el menú después de hacer clic en el elemento | boolean | —                                        | true        |
 | show-timeout  | Tiempo de retardo antes de mostrar un dropdown (solamente trabaja cuando se dispara `hover`) | number  | —                                        | 250         |
 | hide-timeout  | Tiempo de retardo antes de ocultar un dropdown (solamente trabaja cuando se dispara `hover`) | number  | —                                        | 150         |
-| tabindex      | [tabindex](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex) of Dropdown   | number              |          —         | 0           |
+| tabindex      | [tabindex](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex) de Dropdown | number              |          —         | 0           |
 
 ### Dropdown Slots
 
 | Nombre | Descripción |
 |------|--------|
-| — | content of Dropdown. Notice: Must be a valid html dom element (ex. `<span>, <button> etc.`) or `el-component`, to attach the trigger listener  |
-| dropdown | content of the Dropdown Menu, usually a `<el-dropdown-menu>` element |
+| — | contenido del Dropdown. Aviso: Debe ser un elemento html dom válido (ej. `<span>, <button>` etc.) o `el-component`, para adjuntar el listener trigger |
+| dropdown | contenido del menu Dropdown, normalmente es un elemento `<el-dropdown-menu>` |
 
 ### Dropdown Eventos
 | Nombre         | Descripción                              | Parametros                               |
diff --git a/examples/docs/es/image.md b/examples/docs/es/image.md
index 0e621d0bd..94b3ae403 100644
--- a/examples/docs/es/image.md
+++ b/examples/docs/es/image.md
@@ -1,9 +1,10 @@
 ## Image
-Besides the native features of img, support lazy load, custom placeholder and load failure, etc.
+Además de las características nativas de img, soporte de carga perezosa, marcador de posición personalizado y fallo de carga, etc.
 
-### Basic Usage
+### Uso básico
+
+:::demo Indica cómo se debe cambiar el tamaño de la imagen para que se ajuste a su contenedor por ajuste, igual que el ajuste de objeto nativo. [object-fit](https://developer.mozilla.org/es/docs/Web/CSS/object-fit)。
 
-:::demo Indicate how the image should be resized to fit its container by `fit`, same as native [object-fit](https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit)。
 ```html
 <div class="demo-image">
   <div class="block" v-for="fit in fits" :key="fit">
@@ -30,7 +31,7 @@ Besides the native features of img, support lazy load, custom placeholder and lo
 
 ### Placeholder
 
-:::demo Custom placeholder content when image hasn't loaded yet by `slot = placeholder`
+:::demo Personalice el placeholder del contenido mientras la imagen aun no ha sido cargada vía `slot = placeholder`
 ```html
 <div class="demo-image__placeholder">
   <div class="block">
@@ -59,9 +60,9 @@ Besides the native features of img, support lazy load, custom placeholder and lo
 ```
 :::
 
-### Load Failed
+### Fallo de carga
 
-:::demo Custom failed content when error occurs to image load by `slot = error`
+:::demo Personalice el contenido cuando ocurra algun error al cargar la imagen via `slot = error`
 ```html
 <div class="demo-image__error">
   <div class="block">
@@ -82,7 +83,8 @@ Besides the native features of img, support lazy load, custom placeholder and lo
 
 ### Lazy Load
 
-:::demo Use lazy load by `lazy = true`. Image will load until scroll into view when set. You can indicate scroll container that adds scroll listener to by `scroll-container`. If undefined, will be the nearest parent container whose overflow property is auto or scroll.
+:::demo Use lazy load vía `lazy = true`. La imagen se cargará hasta que se desplace a la vista cuando esté configurada. Puede indicar el contenedor de scroll que añade el oyente de scroll vía `scroll-container`. Si no está definido, será el contenedor padre más cercano cuya propiedad overflow es auto o scroll.
+
 ```html
 <div class="demo-image__lazy">
   <el-image v-for="url in urls" :key="url" :src="url" lazy></el-image>
@@ -108,25 +110,25 @@ Besides the native features of img, support lazy load, custom placeholder and lo
 ```
 :::
 
-### Attributes
-| Attribute | Description | Type  | Accepted values | Default   |
+### Atributos
+| Atributo | Descripción | Tipo | Valores aceptados | Por defecto |
 |---------- |-------- |---------- |-------------  |-------- |
-| src | Image source, same as native | string | — | - |
-| fit | Indicate how the image should be resized to fit its container, same as [object-fit](https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit) | fill / contain / cover / none / scale-down | — | - |
-| alt | Native alt | string | - | - |
-| lazy | Whether to use lazy load | boolean | — | false |
-| scroll-container | The container to add scroll listener when using lazy load | string / HTMLElement | — | The nearest parent container whose overflow property is auto or scroll |
+| src | origen de la imagen, igual que en nativo | string | — | - |
+| fit | Indica como la imagen debe adaptarse al contenendor, lo mismo que [object-fit](https://developer.mozilla.org/es/docs/Web/CSS/object-fit) | fill / contain / cover / none / scale-down | — | - |
+| alt | alt nativo | string | - | - |
+| lazy | si se usara lazy load | boolean | — | false |
+| scroll-container | El contenedor para añadir el scroll listener cuando se utiliza lazy load | string / HTMLElement | — | El contenedor padre más cercano cuya propiedad de desbordamiento es auto o scroll |
 
-### Events
-| Event Name | Description | Parameters |
+### Eventos
+| Nombre del evento | Descripción | Parámetros |
 |---------- |-------- |---------- |
-| load | Same as native load | (e: Event) |
-| error | Same as native error | (e: Error) |
+| load | Igual que el load nativo | (e: Event) |
+| error | Igual que el error nativo | (e: Error) |
 
 ### Slots
-| Slot Name | Description |
+| Nombre del slot | Descripción |
 |---------|-------------|
-| placeholder | Triggers when image load |
-| error | Triggers when image load failed |
+| placeholder | Se activa cuando la imagen se carga |
+| error | Se activa cuando la carga de la imagen falla |
 
 
diff --git a/examples/docs/es/input-number.md b/examples/docs/es/input-number.md
index b880635f1..8c3c518b4 100644
--- a/examples/docs/es/input-number.md
+++ b/examples/docs/es/input-number.md
@@ -69,9 +69,9 @@ Le permite definir el nivel de incremento de los saltos.
 ```
 :::
 
-### Step strictly
+### Step estrictamente
 
-:::demo The `step-strictly` attribute accepts a `boolean`. if this attribute is `true`, input value can only be multiple of step.
+:::demo El atributo `step-strictly` acepta `boolean`. Si este atributo es `true`, el valor de entrada sólo puede ser múltiplo de step.
 
 ```html
 <template>
@@ -89,9 +89,9 @@ Le permite definir el nivel de incremento de los saltos.
 ```
 :::
 
-### Precision
+### Precisión
 
-:::demo Add `precision` attribute to set the precision of input value.
+:::demo El atributo `precision` aplica presicion al valor del value.
 
 ```html
 <template>
@@ -111,7 +111,8 @@ Le permite definir el nivel de incremento de los saltos.
 :::
 
 :::tip
-The value of `precision` must be a non negative integer and should not be less than the decimal places of `step`.
+El valor de `precision` debe ser un numero entero positivo que no debe ser inferior a los decimales del `step`.
+
 :::
 
 ### Tamaño
@@ -175,7 +176,7 @@ Utilice el atributo `size` para establecer tamaños adicionales con `medium`, `s
 | min               | el valor mínimo permitido                | number  | —                 | `-Infinity`  |
 | max               | el valor maximo permitido                | number  | —                 | `Infinity`  |
 | step              | incremento (salto)                       | number  | —                 | 1           |
-| step-strictly  | whether input value can can only be multiple of step | number  | —                 | false       |
+| step-strictly  | si el valor del input puede ser solo un multiplo de step | number  | —                 | false       |
 | precision         | precisión del valor del input | number  | —                 | —           |
 | size              | tamaño del componente                    | string  | large/small       | —           |
 | disabled          | si el componente esta deshabilitado      | boolean | —                 | false       |
diff --git a/examples/docs/es/input.md b/examples/docs/es/input.md
index 202fa36c0..3a0211798 100644
--- a/examples/docs/es/input.md
+++ b/examples/docs/es/input.md
@@ -54,9 +54,9 @@ export default {
 
 :::
 
-### Clearable
+### Limpiable
 
-:::demo Make the Input clearable with the `clearable` attribute.
+:::demo Marque que el input puede ser limpiable con el atributo `clearable`.
 
 ```html
 <el-input
@@ -535,9 +535,9 @@ Búsqueda de datos desde el servidor.
 
 :::
 
-### Limit length
+### Limitar el tamaño
 
-:::demo `maxlength` and `minlength` are attributes of native input, they declare a limit on the number of characters a user can input. The "number of characters" is measured using JavaScript string length.Setting the `maxlength` prop for a text or textarea type of Input can limit the length of input value, allows you to show word count by setting `show-word-limit` to `true` at the same time.
+:::demo `maxlength` y `minlength` son atributos de la entrada nativa, declaran un límite en el número de caracteres que un usuario puede introducir. La configuración de la pro `maxlength` para un tipo de entrada de texto o de área de texto puede limitar la longitud del valor de entrada y le permite mostrar el recuento de palabras al establecer `show-word-limit` a `true` al mismo tiempo.
 
 ```html
 <el-input
@@ -579,7 +579,7 @@ export default {
 | value / v-model | valor enlazado                          | boolean / string / number | —                       | —           |
 | maxlength     | igual que `maxlength` en el input nativo                                                                                                         | number           | —                                                                                                                                       | —           |
 | minlength     | igual que `minlength` en el input nativo                                                                                                         | number           | —                                                                                                                                       | —           |
-| show-word-limit | whether show word count，only works when `type` is 'text' or 'textarea' | boolean    |  —  | false |
+| show-word-limit | Si se muesta el contador de palabras, solamente funciona con los tipos 'text' o 'textarea' | boolean    |  —  | false |
 | placeholder   | placeholder del Input                                                                                                                            | string           | —                                                                                                                                       | —           |
 | clearable | si debe mostrar el boton de limpieza | boolean | — | false |
 | show-password | si debe mostrar la posibilidad de conmutacion de password input | boolean         | — | false |
diff --git a/examples/docs/es/link.md b/examples/docs/es/link.md
index 66859fa89..7eca3f9a7 100644
--- a/examples/docs/es/link.md
+++ b/examples/docs/es/link.md
@@ -1,10 +1,10 @@
 ## Link
 
-Text hyperlink
+Texto con hipervinculo
 
-### Basic
+### Básico
 
-Basic text link
+Texto con hipervinculo básico
 :::demo
 
 ```html
@@ -20,9 +20,9 @@ Basic text link
 
 :::
 
-### Disabled
+### Deshabilitar
 
-Disabled state of link
+Deshabilita el hipervinculo
 :::demo
 
 ```html
@@ -38,9 +38,9 @@ Disabled state of link
 
 :::
 
-### Underline
+### Subrayado
 
-Underline of link
+Subrayado del hipervinculo
 :::demo
 
 ```html
@@ -52,9 +52,9 @@ Underline of link
 
 :::
 
-### Icon
+### Icono
 
-Link with icon
+Hipervinculo con icono
 :::demo
 
 ```html
@@ -66,12 +66,12 @@ Link with icon
 
 :::
 
-### Attributes
+### Atributos
 
-| Attribute | Description                         | Type    | Options                                     | Default |
-| --------- | ----------------------------------- | ------- | ------------------------------------------- | ------- |
-| type      | type                                | string  | primary / success / warning / danger / info | default |
-| underline | whether the component has underline | boolean | —                                           | true    |
-| disabled  | whether the component is disabled   | boolean | —                                           | false   |
-| href      | same as native hyperlink's `href`   | string  | —                                           | -       |
-| icon      | class name of icon                  | string  | —                                           | -       |
+| Atributo  | Descripción                                          | Tipo    | Opciones                                    | Por defecto |
+| --------- | ---------------------------------------------------- | ------- | ------------------------------------------- | ----------- |
+| type      | tipo                                                 | string  | primary / success / warning / danger / info | default     |
+| underline | si el hipervinculo estara subrayado                  | boolean | —                                           | true        |
+| disabled  | si el componente esta deshabilitado                  | boolean | —                                           | false       |
+| href      | lo mismo que el valor nativo del hipervinculo `href` | string  | —                                           | -           |
+| icon      | nombre de clase del icono                            | string  | —                                           | -           |
diff --git a/examples/docs/es/pagination.md b/examples/docs/es/pagination.md
index dcecdafc6..4160be075 100644
--- a/examples/docs/es/pagination.md
+++ b/examples/docs/es/pagination.md
@@ -127,9 +127,9 @@ Agrega más modulos basados en su escenario.
 ```
 
 :::
-### Hide pagination when there is only one page
+### Oculte la paginación cuando el resultado es solo una pagina simple
 
-When there is only one page, hide the pagination by setting the `hide-on-single-page` attribute.
+Cuando sólo hay una página, oculte la paginación configurando el atributo `hide-on-single-page`.
 
 :::demo
 ```html
@@ -170,7 +170,7 @@ When there is only one page, hide the pagination by setting the `hide-on-single-
 | prev-text    | texto para el botón `prev`               | string   | —                                        | —                                      |
 | next-text    | texto para el botón `next`               | string   | —                                        | —                                      |
 | disabled     | si Pagination esta disabled              | boolean  | —                                        | false                                  |
-| hide-on-single-page | whether to hide when there's only one page | boolean |—                                 | -                                      |
+| hide-on-single-page | si ocultar cuando sólo hay una página | boolean |—                                 | -                                      |
 
 ### Eventos
 | Nombre del evento | Descripción                             | Parámetros                    |
diff --git a/examples/docs/es/rate.md b/examples/docs/es/rate.md
index f69182079..f83039ff8 100644
--- a/examples/docs/es/rate.md
+++ b/examples/docs/es/rate.md
@@ -63,7 +63,7 @@ Usa texto para indicar la puntuación
 
 Puede utilizar iconos para diferenciar cada componente.
 
-:::demo You can customize icons by passing `icon-classes` an array with three elements or a object which key is the threshold between two levels and value is the corresponding icon class. En este ejemplo también usamos `void-icon-class` para asignar un icono si no está seleccionado.
+:::demo Puede personalizar los iconos pasando `icon-classes` un array con tres elementos o un objeto cuya clave es el umbral entre dos niveles y cuyo valor es la clase de icono correspondiente.  En este ejemplo también usamos `void-icon-class` para asignar un icono si no está seleccionado.
 
 ```html
 <el-rate
@@ -125,7 +125,7 @@ La calificación de solo lectura es para mostrar la puntuación. Soporta media e
 | colors                   | colors for icons. If array, it should have 3 elements, each of which corresponds with a score level, else if object, the key should be threshold value between two levels, and the value should be corresponding color | array/object   | —         | ['#F7BA2A', '#F7BA2A', '#F7BA2A']        |
 | void-color               | color para iconos no seleccionados       | string  | —                | #C6D1DE                                  |
 | disabled-void-color      | color para las iconos no seleccionados de solo lectura | string  | —                | #EFF2F7                                  |
-| icon-classes             | class names of icons. If array, ot should have 3 elements, each of which corresponds with a score level, else if object, the key should be threshold value between two levels, and the value should be corresponding icon class | array/object   | —                | ['el-icon-star-on', 'el-icon-star-on','el-icon-star-on'] |
+| icon-classes             | nombres de clase de los iconos. Si es array, debe tener 3 elementos, cada uno de los cuales corresponde a un nivel de puntuación, en caso contrario, si es objeto, la clave debe ser el valor umbral entre dos niveles, y el valor debe ser la clase de icono correspondiente. | array/object   | —                | ['el-icon-star-on', 'el-icon-star-on','el-icon-star-on'] |
 | void-icon-class          | nombre de clase para iconos no seleccionados | string  | —                | el-icon-star-off                         |
 | disabled-void-icon-class | nombre de clase para elementos no seleccionados de solo lectura | string  | —                | el-icon-star-on                          |
 | show-text                | muestra el texto                         | boolean | —                | false                                    |
diff --git a/examples/docs/es/slider.md b/examples/docs/es/slider.md
index 3877d896a..f007ec8b9 100644
--- a/examples/docs/es/slider.md
+++ b/examples/docs/es/slider.md
@@ -176,9 +176,9 @@ Se soporta la selección de un rango de valores.
 ```
 :::
 
-### Show marks
+### Mostrar marcas
 
-:::demo Setting this `marks` attribute can show mark on slider.
+:::demo Use el atributo `marks`  para mostrar marcas en el slider.
 ```html
 <template>
   <div class="block">
@@ -233,7 +233,7 @@ Se soporta la selección de un rango de valores.
 | label               | etiqueta para screen reader              | string          | —                 | —           |
 | debounce            | retardo al escribir, en milisegundos, funciona cuando`show-input` es true. | number          | —                 | 300         |
 | tooltip-class       | nombre personalizado de clase para el tooltip | string | — | — |
-| marks | marks， type of key must be `number` and must in closed interval `[min, max]`, each mark can custom style| object | — | — |
+| marks | marcas, tipo de clave debe ser `number` y debe estar en intervalo cerrado [min, max], cada marca puede tener estilo personalizado | object | — | — |
 
 ## Eventos
 | Nombre | Descripción                              | Parametros               |