ng-hub-ui-paginable 21.2.0 → 21.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md
CHANGED
|
@@ -402,6 +402,24 @@ export class ExampleComponent {
|
|
|
402
402
|
</hub-ui-list>
|
|
403
403
|
```
|
|
404
404
|
|
|
405
|
+
### List Component as Cards
|
|
406
|
+
|
|
407
|
+
Use the same component with `options.display = 'cards'` when you want a card-based root layout while keeping nested children rendered as a regular hierarchical list.
|
|
408
|
+
|
|
409
|
+
```html
|
|
410
|
+
<hub-ui-list
|
|
411
|
+
[items]="products()"
|
|
412
|
+
[bindLabel]="'name'"
|
|
413
|
+
[bindChildren]="'children'"
|
|
414
|
+
[options]="{
|
|
415
|
+
display: 'cards',
|
|
416
|
+
searchable: true,
|
|
417
|
+
collapsed: true
|
|
418
|
+
}"
|
|
419
|
+
>
|
|
420
|
+
</hub-ui-list>
|
|
421
|
+
```
|
|
422
|
+
|
|
405
423
|
### Standalone Paginator
|
|
406
424
|
|
|
407
425
|
```html
|
|
@@ -1056,6 +1074,8 @@ interface ListClickEvent<T> {
|
|
|
1056
1074
|
}
|
|
1057
1075
|
```
|
|
1058
1076
|
|
|
1077
|
+
`options.display` accepts `'list' | 'cards'`. The `cards` mode only affects the root level of the list component.
|
|
1078
|
+
|
|
1059
1079
|
### Paginator Component (`<hub-ui-paginator>`)
|
|
1060
1080
|
|
|
1061
1081
|
#### Inputs
|