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>
45 lines (34 loc) • 1.68 kB
Markdown
Radio group
===================
`uni-radio-group`
---
:white_check_mark: Estable
Grupo de casillas que pueden marcarse o desmarcarse de manera excluyente.
## Uso
### Ejemplo
```html
<uni-radio-group ([model])="radioModel" debounce>
<uni-radio label="Etiqueta radio 1" value="1"></uni-radio>
<uni-radio label="Etiqueta radio 2" value="2"></uni-radio>
<uni-radio label="Etiqueta radio 3" value="3"></uni-radio>
</uni-radio-group>
```
### Atributos de entrada
| Nombre | Tipo | Por defecto | Descripción
| ----------- | ----------- | ----------- | -----------
| name | `string` | `''` | Nombre del input de cara a usarse en formularios
| color | `UniColor` | `''` | Color del fondo y del contenido
| 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
### 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`
- Implementación los eventos `uniFocus` y `uniBlur`.