alfresco-ng2-components/docs/core/components/dynamic-chip-list.component.md
AleksanderSklorz 213a73fc36
[ACS-5483] group details view general info and list of assigned users (#9329)
* ACS-5483 Added possibility to load and update group

* ACS-5483 Implemented unsaved changes dialog

* ACS-5483 Removed console log

* ACS-5483 Made dynamic chip list reusable

* ACS-5483 Fix for more than one row chips

* ACS-5483 Fix for pagination

* ACS-5483 Added some fixes

* ACS-5483 Fixed displaying tags for node

* ACS-5483 Renamed css classes

* ACS-5483 Fixed resizing when chips have pagination

* ACS-5483 Clearing code

* ACS-5483 Documentation for dynamic chip list component

* ACS-5483 Documentation for unsaved changes dialog and guard

* ACS-5483 Documentation for group service

* ACS-5483 Unit tests for GroupService

* ACS-5483 Unit tests for dynamic chip list component

* ACS-5483 Changed fdescribe to describe

* ACS-5483 Unit tests for tag node list component

* ACS-5483 Unit tests for unsaved changes dialog component

* ACS-5483 Unit tests for unsaved changes guard

* ACS-5483 Added description field to group models

* ACS-5483 Correction for updating with description

* ACS-5483 Fixed lint issues

* ACS-5483 Addressed PR comments

* ACS-5483 Reduced complexity

* ACS-5483 Reduced complexity

* ACS-5483 Addressed PR comments
2024-02-15 13:02:24 +01:00

2.7 KiB

Title, Added, Status, Last reviewed
Title Added Status Last reviewed
Dynamic Chip List component v6.6.0 Active 2024-02-06

Dynamic Chip List component

This component shows dynamic list of chips which render depending on free space.

List of chips

Basic Usage

<adf-dynamic-chip-list
    [chips]="chips"
    [limitChipsDisplayed]="true"
    [showDelete]="true"
    (displayNext)="onDisplayNext()"
    (removedChip)="onRemovedChip($event)">
</adf-dynamic-chip-list>

Class members

Properties

Name Type Default value Description
limitChipsDisplayed boolean false Should limit number of chips displayed.
showDelete boolean true Show delete button.
pagination Pagination Provide if you want to use paginated chips.
chips Chip[] List of chips to display.

Events

Name Type Description
displayNext EventEmitter<void> Emitted when button for view more is clicked.
removedChip EventEmitter<string> Emitted when any chip is removed.

Details

Limit number of chips displayed initially

To limit number of chips initially displayed set limitChipsDisplayed to true.

<adf-dynamic-chip-list
    [chips]="chips"
    [limitChipsDisplayed]="true">
</adf-dynamic-chip-list>

Now when chips will exceed the size of the container number of displayed chips will be limited to as much as fits together with view more button. At least one chip will always be displayed, when one chip and view more button won't fit into one line the button will be displayed under the chip.