unicorn-components

Version:

43 lines (33 loc) • 1.88 kB

Markdown

View Raw

Toggle =================== `uni-toggle` --- :white_check_mark: Estable Interruptor que puede encenderse o apagarse. ## Uso ### Ejemplo ```html <uni-checkbox label="Etiqueta del botón" ([model])="checked"></uni-checkbox> ``` ### 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 | size | `string` | `''` | Tamaño del toggle. Valores default y "small" | disabled | `boolean` | `false` | Estado deshabilitado que impide la manipulación del input | model | `boolean` | `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 | partial | `boolean` | `false` | Indica que el valor del checkbox es indefinido. Normalmente se usa cuando no es ni falso ni verdadero. Solo se activa este estado cuando el `model` es `false` | rounded | `boolean` | `true` | Indica si el interruptor es circular (`true`) o cuadrado (`false`) ### 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) - Visual del estado `disabled`. - Implementación el comportamiento de `color`