UNPKG

unicorn-components

Version:

<a target="_blank" href="https://getunicorn.io"><img src="https://bitbucket-assetroot.s3.amazonaws.com/c/photos/2017/Jul/07/2615006260-5-nitsnetsstudios-ondemand-UNI_avatar.png" align="left"></a>

44 lines (33 loc) 1.65 kB
Slider =================== `uni-slider` --- :large_blue_circle: Initial Selector mediante barra deslizante ## Uso ### Ejemplo ```html <uni-slider [(model)]="myModel"></uni-slider> ``` ### Atributos de entrada | Nombre | Tipo | Por defecto | Descripción | -------- | ----------- | ----------- | ----------- | name | `string` | `''` | Nombre del input de cara a usarse en formularios | label | `string` | `''` | Etiqueta textual del input | color | `UniColor` | `''` | Color del fondo y del contenido | disabled | `boolean` | `false` | Estado deshabilitado que impide la manipulación del input | model | `number` | `false` | Valor introducido en el input | value | `boolean` | `false` | Valor por defecto del input | debounce | `number` | `0` | Tiempo que debe permanecer el input sin cambios tras un cambio dado para que este se propague | min | `number` | `0` | Valor mínimo seleccionable por el input | max | `boolean` | `10` | Valor máximo seleccionable por el input ### Eventos de salida | Nombre | Tipo | Descripción | --------------- | --------- | ----------- | modelChange | `boolean` | Notifica cuando ha habido un cambio de valor en el input | uniFocus | `Event` | Notifica cuando se ha hecho puesto el foco en el input | uniBlur | `Event` | Notifica cuándo se ha quitado el foco del input ## Mejoras previstas (TODO) - Implementar la opción de añadir ticks con steps - Implementar la opción de mostrar el valor actual en un label - Implementar el comportamiento de disabled