|
1 | 1 | # @swisspost/design-system-components-angular |
2 | 2 |
|
| 3 | +## 10.0.0-next.56 |
| 4 | + |
| 5 | +### Major Changes |
| 6 | + |
| 7 | +- Refactored `<post-tabs>` component: - Renamed `post-tab-header` component to `post-tab-item` |
| 8 | + - Renamed `panel` property to `name` in `post-tab-item` component |
| 9 | + - Renamed `name` property to `for` in `post-tab-panel` component |
| 10 | + - Renamed `activePanel` property to `activeTab` in `post-tabs` component |
| 11 | + |
| 12 | + BEFORE: |
| 13 | + |
| 14 | + ```html |
| 15 | + <post-tabs active-panel="first"> |
| 16 | + <post-tab-header panel="first">First tab</post-tab-header> |
| 17 | + <post-tab-header panel="second">Second tab</post-tab-header> |
| 18 | + <post-tab-header panel="third">Third tab</post-tab-header> |
| 19 | + |
| 20 | + <post-tab-panel name="first"> This is the content of the first tab. </post-tab-panel> |
| 21 | + <post-tab-panel name="second"> This is the content of the second tab. </post-tab-panel> |
| 22 | + <post-tab-panel name="third"> This is the content of the third tab. </post-tab-panel> |
| 23 | + </post-tabs> |
| 24 | + ``` |
| 25 | + |
| 26 | + AFTER: |
| 27 | + |
| 28 | + ````html |
| 29 | + <post-tabs active-tab="first"> |
| 30 | + <post-tab-item name="first">First tab</post-tab-item> |
| 31 | + <post-tab-item name="second">Second tab</post-tab-item> |
| 32 | + <post-tab-item name="third">Third tab</post-tab-item> |
| 33 | + |
| 34 | + <post-tab-panel for="first"> This is the content of the first tab. </post-tab-panel> |
| 35 | + <post-tab-panel for="second"> This is the content of the second tab. </post-tab-panel> |
| 36 | + <post-tab-panel for="third"> This is the content of the third tab. </post-tab-panel> |
| 37 | + </post-tabs> |
| 38 | + ``` (by [@alionazherdetska](https://github.com/alionazherdetska) with |
| 39 | + [#6350](https://github.com/swisspost/design-system/pull/6350)) |
| 40 | + ```` |
| 41 | + |
| 42 | +### Patch Changes |
| 43 | + |
| 44 | +- Updated dependencies: |
| 45 | + - @swisspost/design-system-components@10.0.0-next.56 |
| 46 | + |
3 | 47 | ## 10.0.0-next.55 |
4 | 48 |
|
5 | 49 | ### Patch Changes |
|
536 | 580 | ### Major Changes |
537 | 581 |
|
538 | 582 | - Synchronized the versions of the following packages: |
539 | | -
|
540 | 583 | - @swisspost/design-system-styles |
541 | 584 | - @swisspost/design-system-components |
542 | 585 | - @swisspost/design-system-components-react |
|
580 | 623 | ### Major Changes |
581 | 624 |
|
582 | 625 | - We are introducing the new package `@swisspost/design-system-components-angular` 🥳, which provides a corresponding Angular component for all our web-components. For those working on an Angular app this means: |
583 | | -
|
584 | 626 | - Instead of the package `@swisspost/design-system-components`, which provides native web components, the new package can be used. |
585 | 627 | - The manual creation of Angular wrapper components for our previous web components in every project is no longer necessary. |
586 | 628 | - Full support of the standard Angular schema. The use of the `CUSTOM_ELEMENTS_SCHEMA` schema is history. |
|
0 commit comments