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 @@
## 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
```html
......@@ -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
<el-collapse v-model="activeName" accordion>
<el-collapse-item title="Consistency" name="1">
......@@ -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
```html
......@@ -133,19 +133,20 @@ Besides using the `title` attribute, you can customize panel title with named sl
```
:::
### Collapse Attributes
| Attribute | Description | Type | Accepted Values | Default |
### Atributos de Collapse
| Atributo | Descripción | Tipo | Valores aceptados | Por Defecto |
|---------- |-------------- |---------- |-------------------------------- |-------- |
| accordion | whether to activate accordion mode | boolean | — | false |
| value | currently active panel | string (accordion mode)/array (non-accordion mode) | — | — |
| accordion | especifica si activa el modo acordeón | boolean | — | false |
| value | panel activo | string (modo acordeón)/array (No modo acordeón) | — | — |
### Collapse Events
| Event Name | Description | Parameters |
### Eventos de Collapse
| 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 | — | — |
| title | title of the panel | string | — | — |
\ No newline at end of file
| name | identificador único del panel | string/number | — | — |
| title | título del panel | string | — | — |
\ No newline at end of file
......@@ -42,18 +42,18 @@
## 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
<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>
</div>
<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>
</div>
......@@ -72,7 +72,7 @@ ColorPicker is a color selector supporting multiple color formats.
### 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
<el-color-picker v-model="color3" show-alpha></el-color-picker>
......@@ -109,17 +109,17 @@ ColorPicker is a color selector supporting multiple color formats.
```
:::
### Attributes
| Attribute | Description | Type | Accepted Values | Default |
### Atributos
| Atributo | Descripción | Tipo | Valores aceptados | Por defecto |
|---------- |-------- |---------- |------------- |-------- |
| disabled | whether to disable the ColorPicker | boolean | — | false |
| size | size of ColorPicker | string | — | medium / small / mini |
| show-alpha | whether to display the alpha slider | 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) |
| popper-class | custom class name for ColorPicker's dropdown | string | — | — |
| disabled | especifica si se deshabilita el ColorPicker | boolean | — | false |
| size | tamaño del ColorPicker | string | — | medium / small / mini |
| show-alpha | especifica si se muestra el control deslizante para el valor alpha | boolean | — | false |
| 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 | nombre de clase para el dropdown del ColorPicker | string | — | — |
### Events
| Event Name | Description | Parameters |
### Eventos
| Nombre de Evento | Descripción | Parametros |
|---------|--------|---------|
| change | triggers when input value changes | color value |
| active-change | triggers when the current active color changes | active color value |
\ No newline at end of file
| change | se dispara cuando el valor del input cambia | valor del color |
| active-change | se dispara cuando el actual color activo cambia | valor del color activo |
\ 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