CoreUI for Angular v5.0.0

CoreUI for Angular v5.0.0

We are pleased to announce the release of CoreUI for Angular v5.0.0, which rolled out on March 27, 2024. This latest version introduces significant enhancements, feature additions, and a host of refinements designed to improve the functionality and usability of the CoreUI Angular toolkit. The update process has been streamlined to ensure a seamless transition to v5.0.0 for all users.

How to Update

Updating to CoreUI for Angular v5.0.0 is straightforward and can be accomplished with a few simple steps:

  1. Open your project’s package.json.
  2. Locate the @coreui/angular entry under dependencies and update the version number to 5.0.0.
  3. Find the @coreui/coreui entry under dependencies and update the version number to 5.0.0.
  4. Save your changes to the package.json file.
  5. In your project’s root directory, execute the update command:
    • For npm users, run npm install.
    • For yarn users, run yarn install.

What’s new

Features

  • New Directives and Services: Added shadow-on-scroll directive, ThemeDirective, and TextBgColor directive to enhance UI control and customization.
  • V5 Color Mode, Local-Storage, and In-Memory Storage Services: Enhanced services to support modern application needs effectively.

Fixes

  • Tooltip and Popover Positioning: Addressed issues with tooltip and popover offsets to align with v5 UI changes.
  • Responsive Grid Fixes: Updated the responsive grid system to correctly handle columns on small devices.

Refactors

  • Major Components Overhaul: Comprehensive refactoring across many components including sidebar, widget, toast, and tabs to utilize Angular’s latest features such as control flow improvements and Input() transformations.
  • Dark Mode Integration: Integrated ThemeDirective to manage dark mode across various components seamlessly.
  • Performance Improvements: Optimized the use of Angular’s change detection and component rendering processes to boost performance.

Dependency Updates

This release also includes numerous updates to dependencies to enhance security, performance, and compatibility:

  • Updated @angular-devkit/build-angular from ^17.2.2 to ^17.3.2
  • Updated @angular/animations from ^17.2.3 to ^17.3.1
  • Updated @angular/cdk from ^17.2.1 to ^17.3.1
  • Updated @angular/common from ^17.2.3 to ^17.3.1
  • Updated @angular/compiler from ^17.2.3 to ^17.3.1
  • Updated @angular/compiler-cli from ^17.2.3 to ^17.3.1
  • Updated @angular/core from ^17.2.3 to ^17.3.1
  • Updated @angular/forms from ^17.2.3 to ^17.3.1
  • Updated @angular/language-service from ^17.2.3 to ^17.3.1
  • Updated @angular/platform-browser from ^17.2.3 to ^17.3.1
  • Updated @angular/platform-browser-dynamic from ^17.2.3 to ^17.3.1
  • Updated @angular/router from ^17.2.3 to ^17.3.1
  • Updated @typescript-eslint/eslint-plugin from ^6.21.0 to ^7.4.0
  • Updated @typescript-eslint/parser from ^6.21.0 to ^7.4.0
  • Updated chart.js from ^3.9.1 to ^4.4.2
  • Updated ng-packagr from ^17.2.1 to ^17.3.0

CoreUI for Angular v5.0.0 is designed to empower developers with a robust and versatile toolkit for building dynamic, responsive, and visually appealing web applications using Angular. With these updates, CoreUI continues to offer top-notch resources that cater to the evolving needs of modern web development.


For a detailed overview of all the changes, enhancements, and updates, please visit the full changelog on GitHub.

Subscribe to our newsletter
Get early information about new products, product updates and blog posts.
How to convert a string to boolean in JavaScript
How to convert a string to boolean in JavaScript

How to show or hide elements in React? A Step-by-Step Guide.
How to show or hide elements in React? A Step-by-Step Guide.

How to set focus on an input field after rendering in React
How to set focus on an input field after rendering in React

Passing props to child components in React function components
Passing props to child components in React function components

How to loop inside React JSX
How to loop inside React JSX

How to validate an email address in JavaScript
How to validate an email address in JavaScript