Commit 3764f1a3 authored by Federico Garcia's avatar Federico Garcia Committed by 杨奕

Translated to spanish - checkbox, collapse and color-picker

parent 122fd84c
This diff is collapsed.
...@@ -26,11 +26,11 @@ ...@@ -26,11 +26,11 @@
## Collapse ## Collapse
Use Collapse to store contents. Use Collapse para almacenar contenidos.
### Basic usage ### Uso básico
You can expand multiple panels Puedes expandir varios paneles
:::demo :::demo
```html ```html
...@@ -65,11 +65,11 @@ You can expand multiple panels ...@@ -65,11 +65,11 @@ You can expand multiple panels
``` ```
::: :::
### Accordion ### Acordeón
In accordion mode, only one panel can be expanded at once En modo acordeón sólo un panel puede ser expandido a la vez
:::demo Activate accordion mode using the `accordion` attribute. :::demo Activa el modo acordeón usado el atributo `accordion`.
```html ```html
<el-collapse v-model="activeName" accordion> <el-collapse v-model="activeName" accordion>
<el-collapse-item title="Consistency" name="1"> <el-collapse-item title="Consistency" name="1">
...@@ -102,9 +102,9 @@ In accordion mode, only one panel can be expanded at once ...@@ -102,9 +102,9 @@ In accordion mode, only one panel can be expanded at once
``` ```
::: :::
### Custom title ### Título personalizado
Besides using the `title` attribute, you can customize panel title with named slots, which makes adding custom content, e.g. icons, possible. Además de usar el atributo `title`, se puede personalizar el título del panel con named slots, esto hace posible agregar contenido personalizado, por ejemplo: iconos.
:::demo :::demo
```html ```html
...@@ -133,19 +133,20 @@ Besides using the `title` attribute, you can customize panel title with named sl ...@@ -133,19 +133,20 @@ Besides using the `title` attribute, you can customize panel title with named sl
``` ```
::: :::
### Collapse Attributes ### Atributos de Collapse
| Attribute | Description | Type | Accepted Values | Default | | Atributo | Descripción | Tipo | Valores aceptados | Por Defecto |
|---------- |-------------- |---------- |-------------------------------- |-------- | |---------- |-------------- |---------- |-------------------------------- |-------- |
| accordion | whether to activate accordion mode | boolean | — | false | | accordion | especifica si activa el modo acordeón | boolean | — | false |
| value | currently active panel | string (accordion mode)/array (non-accordion mode) | — | — | | value | panel activo | string (modo acordeón)/array (No modo acordeón) | — | — |
### Collapse Events ### Eventos de Collapse
| Event Name | Description | Parameters | | Nombre de Evento | Descripción | Parametros |
|---------|---------|---------| |---------|---------|---------|
| change | triggers when active panels change | activeNames: array (non-accordion mode)/string (accordion mode) | | change | se dispara cuando los paneles activos cambian | activeNames: array (No modo acordeón)/string (modo acordeón) |
### Collapse Item Attributes
| Attribute | Description | Type | Accepted Values | Default | ### Atributos de Collapse Item
| Atributo | Descripción | Tipo | Valores aceptados | Por Defecto |
|---------- |-------------- |---------- |-------------------------------- |-------- | |---------- |-------------- |---------- |-------------------------------- |-------- |
| name | unique identification of the panel | string/number | — | — | | name | identificador único del panel | string/number | — | — |
| title | title of the panel | string | — | — | | title | título del panel | string | — | — |
\ No newline at end of file \ No newline at end of file
...@@ -42,18 +42,18 @@ ...@@ -42,18 +42,18 @@
## ColorPicker ## ColorPicker
ColorPicker is a color selector supporting multiple color formats. ColorPicker es un selector de color que soporta varios formatos de color.
### Basic usage ### Uso básico
:::demo ColorPicker requires a string typed variable to be bound to v-model. :::demo ColorPicker requiere una variable de tipo string para ser enlazada a v-model.
```html ```html
<div class="block"> <div class="block">
<span class="demonstration">With default value</span> <span class="demonstration">Especifica valor por defecto</span>
<el-color-picker v-model="color1"></el-color-picker> <el-color-picker v-model="color1"></el-color-picker>
</div> </div>
<div class="block"> <div class="block">
<span class="demonstration">With no default value</span> <span class="demonstration">No especifica valor por defecto</span>
<el-color-picker v-model="color2"></el-color-picker> <el-color-picker v-model="color2"></el-color-picker>
</div> </div>
...@@ -72,7 +72,7 @@ ColorPicker is a color selector supporting multiple color formats. ...@@ -72,7 +72,7 @@ ColorPicker is a color selector supporting multiple color formats.
### Alpha ### Alpha
:::demo ColorPicker supports alpha channel selecting. To activate alpha selecting, just add the `show-alpha` attribute. :::demo ColorPicker soporta selección de canales alpha. Para activarlo sólo agrega el atributo `show-alpha`.
```html ```html
<el-color-picker v-model="color3" show-alpha></el-color-picker> <el-color-picker v-model="color3" show-alpha></el-color-picker>
...@@ -109,17 +109,17 @@ ColorPicker is a color selector supporting multiple color formats. ...@@ -109,17 +109,17 @@ ColorPicker is a color selector supporting multiple color formats.
``` ```
::: :::
### Attributes ### Atributos
| Attribute | Description | Type | Accepted Values | Default | | Atributo | Descripción | Tipo | Valores aceptados | Por defecto |
|---------- |-------- |---------- |------------- |-------- | |---------- |-------- |---------- |------------- |-------- |
| disabled | whether to disable the ColorPicker | boolean | — | false | | disabled | especifica si se deshabilita el ColorPicker | boolean | — | false |
| size | size of ColorPicker | string | — | medium / small / mini | | size | tamaño del ColorPicker | string | — | medium / small / mini |
| show-alpha | whether to display the alpha slider | boolean | — | false | | show-alpha | especifica si se muestra el control deslizante para el valor alpha | boolean | — | false |
| color-format | color format of v-model | string | hsl / hsv / hex / rgb | hex (when show-alpha is false)/ rgb (when show-alpha is true) | | color-format | formato de color del v-model | string | hsl / hsv / hex / rgb | hex (si show-alpha es false)/ rgb (si show-alpha es true) |
| popper-class | custom class name for ColorPicker's dropdown | string | — | — | | popper-class | nombre de clase para el dropdown del ColorPicker | string | — | — |
### Events ### Eventos
| Event Name | Description | Parameters | | Nombre de Evento | Descripción | Parametros |
|---------|--------|---------| |---------|--------|---------|
| change | triggers when input value changes | color value | | change | se dispara cuando el valor del input cambia | valor del color |
| active-change | triggers when the current active color changes | active color value | | active-change | se dispara cuando el actual color activo cambia | valor del color activo |
\ No newline at end of file \ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment