CoreUI v5.5.2 for Angular 20

Wednesday, June 18, 2025

Here we go again!
We’re happy to announce the availability of CoreUI v5.5.2 for Angular 20, released on June 18, 2025!

This isn’t just another update; it’s a leap forward for your Angular 20 applications. We delivered some crucial fixes to boost the stability and performance of your CoreUI components, and, most importantly, made it effortless to update your apps to Angular 20.

Speed up your responsive apps and websites with fully-featured, ready-to-use open-source admin panel templates—free to use and built for efficiency.

How to Update

To update to CoreUI v5.5.2 for Angular 20, follow these steps to ensure your project is up-to-date:

Verify that you are using a supported version of node.js before you upgrade your application. Angular v20 supports node.js versions: ^20.19, ^22.12 or ^24.0.
To update your Angular 20 application to Angular v20 and CoreUI v5.5.2, in the application’s project directory, run:

ng update @angular/core@20 @angular/cli@20 @angular/cdk@20 @coreui/coreui@5 @coreui/angular~5.5 @coreui/icons-angular@~5.5 @coreui/angular-chartjs@~5.5

Please ensure that there are no error messages in the results.
Update TypeScript to version 5.8.x.
See also:
- Angular Update Guide
- CoreUI for Angular Docs

This process should seamlessly update your project to CoreUI v5.5.x for Angular 20, incorporating the latest fixes and optimizations.

What’s New

Dependency Updates

Angular 20
TypeScript 5.8
Various development dependencies

Refactors and Changes

Carousel: Allowed custom content for indicators, added role="group" to carousel-item, aria-live to carousel-inner, included interval in carousel state, and set default interval to 0 in carousel.config.
Dependency Injection: Migrated various components to use inject().
Angular Core: Updated import path for DOCUMENT and renamed afterRender to afterEveryRender (Angular 20).
Component Refactoring: Extensive refactoring across numerous components to use signal inputs and outputs, host bindings; general cleanups.
Type Definitions: Added BooleanInput and NumberInput types to CoreUI.
Progress Bar: Set default value=0.
Dropdown Items: Set default disabled prop to false.
Utility Functions: Cleanups for linkedSignal source.
Progress Service: Introduced a service for the progress component.
Internal: Made EffectRef private.

Fixes

Progress: Resolved TS2540 error related to value property conflicting with ProgressBarDirective.
Collapse: Fixed NG0953 unexpected emit for destroyed OutputRef.
Tabindex Issues: Corrected cButton, cListGroupItem, and cNavLink directives losing tabindex attribute.
Modal: Fixed scrollbar disappearing when backdrop=false.
Avatar: Corrected default size to '' instead of md.
Table: Allowed undefined type for color input prop in table color.
Alignment: Allowed undefined type for align input prop.
Carousel Animations: Fixed first image sliding in for crossfade transition and ensured interval prop change sets/resets the timer. Also re-enabled custom content for carousel-control and fixed carousel not restarting after manual change when paused.
Theme Directive: Ensured colorScheme is used if dark is not set.
Offcanvas: Fixed offcanvas hiding on animation.done toState visible.
Accordion: Fixed accordion item not expanding when visible=true on init.
Utilities: Corrected border and rounded inputs to accept boolean types.