unicorn-components/src/components/containers/accordion/item/README.md

<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>

Accordionn item
===================
`uni-accordion-item`
---
:white_check_mark: Estable

Elementos con cabecera y cuerpo. El cuerpo puede mostrarse u ocultarse a elección del usuario.

## Uso

### Ejemplo básico

```html
<uni-accordion-item label="Etiqueta de la cabecera">
    Quis id nostrud sit cupidatat magna dolor commodo ullamco deserunt id est laboris pariatur. 
</uni-accordion-item>
```

### Ejemplo completo
```html
<uni-accordion-item
    label="Etiqueta de la cabecera"
    [menu]="true"
    [collapsed]="false"
    (colapsedChange)="log('Colapsed changed: ' + $event)"
>
    <ng-container uni-accordion-item-content>
        Et commodo reprehenderit quis fugiat in sit ut veniam.
    </ng-container>
    <ng-container uni-accordion-item-menu>
        <uni-menu-item label="Option 1" icon="check"></uni-menu-item>
        <uni-menu-item label="Option 2" icon="close"></uni-menu-item>
        <uni-menu-item label="Option 3" icon="heart"></uni-menu-item>
    </ng-container>
</uni-accordion-item>
```

### Atributos de entrada

| Nombre      | Tipo        | Por defecto | Descripción 
| ----------- | ----------- | ----------- | -----------
| label       | `string`    | `''`        | Contenido HTML que se colocará en la cabecera del acordeón
| color       | `UniColor`  | `''`        | Color del fondo y del contenido de la cabecera
| disabled    | `boolean`   | `false`     | Estado deshabilitado que impide la apertura del acordeón
| menu        | `boolean`   | `false`     | Indica si se van a incluir opciones en la cabecera.
| collapsed   | `boolean`   | `true`      | Indica si el acordeón debe estar abierto (`false`) o cerrado (`true`)

### Eventos de salida

| Nombre          | Tipo      | Descripción
| --------------- | --------- | -----------
| collapsedChange | `boolean` | Notifica cuándo el acordeón se ha abierto (`false`) o cerrado (`true`)

## Mejoras previstas (TODO)

- Implementación de los parámetros `disabled` y `color`.