[ACS-8159][ADF] Dynamic chip list - add rounding property, clear styles (#9767)

* [ACS-8054] dynamic chip list refactor

* [ACS-8054] dynamic chip list refactor

* [ACS-8054] dynamic chip list refactor

* [ACS-8054] dynamic chip list refactor

* [ACS-8054] update documentation and tests

* [ACS-8159] update documentation and style

* [ACS-8159] update branch

* [ACS-8159] update branch
This commit is contained in:
tamaragruszka
2024-06-19 13:30:51 +02:00
committed by GitHub
parent eeb886aed4
commit 32e2518c6a
7 changed files with 96 additions and 85 deletions

View File

@@ -18,6 +18,7 @@ This component shows dynamic list of chips which render depending on free space.
[chips]="chips"
[limitChipsDisplayed]="true"
[showDelete]="true"
[roundUpChips]="true"
(displayNext)="onDisplayNext()"
(removedChip)="onRemovedChip($event)">
</adf-dynamic-chip-list>
@@ -27,12 +28,14 @@ This component shows dynamic list of chips which render depending on free space.
### Properties
| Name | Type | Default value | Description |
|---------------------|---------------------------------------------------------------------------------|---------------|---------------------------------------------|
| limitChipsDisplayed | `boolean` | false | Should limit number of chips displayed. |
| showDelete | `boolean` | true | Show delete button. |
| pagination | [`Pagination`](../../../lib/js-api/src/api/content-rest-api/docs/Pagination.md) | | Provide if you want to use paginated chips. |
| chips | [`Chip`](../../../lib/core/src/lib/dynamic-chip-list/chip.ts)`[]` | | List of chips to display. |
| Name | Type | Default value | Description |
|---------------------|---------------------------------------------------------------------------------|---------------|----------------------------------------------------------------|
| limitChipsDisplayed | `boolean` | false | Should limit number of chips displayed. |
| showDelete | `boolean` | true | Show delete button. |
| roundUpChips | `boolean` | false | Round up chips increasing the border radius of a chip to 20px. |
| pagination | [`Pagination`](../../../lib/js-api/src/api/content-rest-api/docs/Pagination.md) | | Provide if you want to use paginated chips. |
| chips | [`Chip`](../../../lib/core/src/lib/dynamic-chip-list/chip.ts)`[]` | | List of chips to display. |
### Events