Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Support
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
E
Element
Project overview
Project overview
Details
Activity
Releases
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Issues
0
Issues
0
List
Boards
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Analytics
CI / CD Analytics
Repository Analytics
Value Stream Analytics
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
林焕东
Element
Commits
560dd8c2
Commit
560dd8c2
authored
Nov 14, 2017
by
Gonzalo2310
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
slider.md spanish version
parent
41063807
Changes
1
Show whitespace changes
Inline
Side-by-side
Showing
1 changed file
with
43 additions
and
39 deletions
+43
-39
examples/docs/es/slider.md
examples/docs/es/slider.md
+43
-39
No files found.
examples/docs/es/slider.md
View file @
560dd8c2
...
...
@@ -51,13 +51,13 @@
## Slider
D
rag the slider within a fixed range
.
D
esliza el slider dentro de un rango fijo
.
###
Basic usage
###
Uso básico
The current value is displayed when the slider is being dragged
.
El valor actual se muestra cuando se inicia el arrastre del slider
.
:::demo
Customize the initial value of the slider by setting the binding value
.
:::demo
Personalice el valor inicial del slider configurando el valor vinculado
.
```
html
<template>
...
...
@@ -104,12 +104,14 @@ The current value is displayed when the slider is being dragged.
```
:::
###
Discrete value
s
###
Valores discreto
s
The options can be discrete
.
Las opciones pueden ser discretas
.
:::demo Set step size with the
`step`
attribute. You can display breakpoints by setting the
`show-stops`
attribute.
Configure el tamaño del paso con el atributo
`step`
. Puede visualizar los puntos de ruptura configurando el atributo
`show-stops`
.
```
html
<template>
<div
class=
"block"
>
...
...
@@ -142,11 +144,11 @@ The options can be discrete.
```
:::
### Slider
with input box
### Slider
con input
Set value via a input box.
Inserte el valor a traves de un input
:::demo
Set the
`show-input`
attribute to display an input box on the right
.
:::demo
Configure el atributo
`show-input`
para que muestre un input a la derecha
.
```
html
<template>
...
...
@@ -170,11 +172,12 @@ Set value via a input box.
```
:::
### Range selection
### Seleccion de rangos
Se soporta la selección de un rango de valores.
Selecting a range of values is supported
.
:::demo El ajuste del atributo
`range`
activa el modo range, donde el valor vinculado es un array compuesto por dos valores límite
.
:::demo Setting the
`range`
attribute activates range mode, where the binding value is an array made up of two boundary values.
```
html
<template>
<div
class=
"block"
>
...
...
@@ -199,9 +202,10 @@ Selecting a range of values is supported.
```
:::
### Vertical mode
### Modo Vertical
:::demo El ajuste del atributo
`vertical`
a
`true`
habilita el modo vertical. En el modo vertical, se requiere el atributo
`height`
.
:::demo Setting the
`vertical`
attribute to
`true`
enables vertical mode. In vertical mode, the
`height`
attribute is required.
```
html
<template>
<div
class=
"block"
>
...
...
@@ -225,26 +229,26 @@ Selecting a range of values is supported.
```
:::
## At
tribute
s
| At
tribute | Description | Type | Accepted Values | Default
|
|
---------- |-------------- |---------- |-------------------------------- |
-------- |
| min
| minimum value | number | — | 0
|
| max
| maximum value | number | — | 100
|
| disabled
| whether Slider is disabled | boolean | — | false
|
| step
| step size | number | — | 1
|
| show-input
| whether to display an input box, works when
`range`
is false | boolean | — | false
|
| show-input-controls |
whether to display control buttons when
`show-input`
is true | boolean | — | true
|
| show-stops
| whether to display breakpoints | boolean | — | false
|
| show-tooltip
| whether to display tooltip value | boolean | — | true
|
| format-tooltip
| format to display tooltip value | function(value) | — | —
|
| range
| whether to select a range | boolean | — | false
|
| vertical
| vertical mode | boolean | — | false
|
| height
| Slider height, required in vertical mode | string | — | —
|
| label
| label for screen reader | string | — | —
|
|
debounce| debounce delay when typing, in milliseconds, works when
`show-input`
is true | number | — | 300
|
## Events
|
Event Name | Description | Parameters
|
|
---------- |-------- |
---------- |
| change |
triggers when the value changes (if the mouse is being dragged, this event only fires when the mouse is released) | value after changing
|
## At
ributo
s
| At
ributo | Descripción | Tipo | Valores aceptados | Por defecto
|
|
------------------- | ---------------------------------------- | --------------- | ----------------- | ---
-------- |
| min
| valor minimo | number | — | 0
|
| max
| valor máximo | number | — | 100
|
| disabled
| si el Slider esta deshabitado | boolean | — | false
|
| step
| tamaño del paso | number | — | 1
|
| show-input
| Si se muestra el input, trabaja cuando
`range`
es false | boolean | — | false
|
| show-input-controls |
si se muestran los botones de control cuando
`show-input`
es true | boolean | — | true
|
| show-stops
| si se muestran los puntos de ruptura (breakpoints) | boolean | — | false
|
| show-tooltip
| si se muestra el valor en un tooltip | boolean | — | true
|
| format-tooltip
| formato para mostrar el valor del tooltip | function(value) | — | —
|
| range
| si se usaran un rango | boolean | — | false
|
| vertical
| modo vertical | boolean | — | false
|
| height
| alto del Slider, requerido en modo vertical | string | — | —
|
| label
| etiqueta para screen reader | string | — | —
|
|
debounce | retardo al escribir, en milisegundos, funciona cuando
`show-input`
es true. | number | — | 300
|
## Event
o
s
|
Nombre | Descripción | Parametros
|
|
------ | ---------------------------------------- | --------------
---------- |
| change |
se dispara cuando el valor cambia (si el ratón está comenzando el arrastre este evento sólo se disparara cuando se suelte el ratón) | valor despues del cambio
|
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment