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>

45 lines (34 loc) • 1.78 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
List =================== `uni-list` --- :large_blue_circle: Initial Listado simple con funciones de ordenado, selección y borrado de elementos ## Uso ## Ejemplo simple ```html <uni-list [data]="data" [sortable]="true" [selectable]="true" [deletable]="true" (delete)="bar($event)" ></uni-list> ``` ### Atributos de entrada | Nombre | Tipo | Por defecto | Descripción | -------------- | ----------------- | ----------- | ----------- | local | `boolean` | `true` | Indica si se debe gestionar la selección de intems de manera interna en el componente | sortable | `boolean` | `false` | Indica si se habilita la reordenación de items mediante drag&drop | selectable | `boolean` | `false` | Indica si se pueden seleccionar items | deletable | `boolean` | `false` | Indica si se pueden borrar items | placeholder | `string` | `undefined` | El texto a visualizar para un ítem sin nombre | itemSelected | `UniListItem` | `undefined` | El item seleccionado | data | `UniListItem[]` | `undefined` | El conjunto de items a vsualizar en la lista ### Eventos de salida | Nombre | Tipo | Descripción | --------------------- | ------------------------------------ | ----------- | itemSelectedChange | `UniLIstItem` | Notifica cuando se selecciona un nuevo item | delete | `{index: number, item: UniLIstItem}` | Notifica cuando se borra un item | edit | `{index: number, item: UniLIstItem}` | Notifica cuando se edita un item | sort | `UniLIstItem[]` | Notifica cuando se reordenan los items