CoreUI PRO for React v5.15.0

CoreUI PRO for React v5.15.0

We’re excited to announce CoreUI PRO for React v5.15.0, a release focused on improved user experience, structural consistency, and extended design flexibility. This version brings UI enhancements, internal refactors, and a refreshed dependency tree for smoother development and performance.


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 Upgrade

To update your project to CoreUI PRO for React v5.15.0, follow these steps:

  1. Open your package.json.
  2. Update the following dependencies:
    • @coreui/react-pro to 5.15.0
    • @coreui/coreui-pro to 5.13.0
  3. Save the file.
  4. Run your package manager:
    • npm: npm install
    • yarn: yarn install

What’s New

Features

  • CButton: Added support for unthemed outline and ghost variants.
  • CNav: Introduced .nav-enclosed and .nav-enclosed-pills variants for richer navigation styling.
  • CTabs: Added enclosed variants for more visual flexibility.

Refactors

  • Resolved eslint warnings across the codebase to align with best practices.
  • Improved separation of controlled and uncontrolled behavior patterns for better context management.

Dependency Updates

To maintain compatibility, improve security, and reduce tech debt, we’ve updated the following dependencies:

  • Updated @types/react from ^19.1.2 to ^19.1.4
  • Updated @types/react-dom from ^19.1.2 to ^19.1.5
  • Updated @typescript-eslint/parser from ^8.31.1 to ^8.32.1
  • Updated eslint from ^9.25.1 to ^9.27.0
  • Updated eslint-config-prettier from ^10.1.2 to ^10.1.5
  • Updated eslint-plugin-prettier from ^5.2.6 to ^5.4.0
  • Updated eslint-plugin-unicorn from ^59.0.0 to ^59.0.1
  • Updated globals from ^16.0.0 to ^16.1.0
  • Updated rollup from ^4.40.1 to ^4.41.0
  • Updated sass from ^1.87.0 to ^1.89.0
  • Updated ts-jest from ^29.3.2 to ^29.3.4
  • Updated typescript-eslint from ^8.31.1 to ^8.32.1
Subscribe to our newsletter
Get early information about new products, product updates and blog posts.
How to Redirect to a New URL Using JavaScript Redirect Techniques
How to Redirect to a New URL Using JavaScript Redirect Techniques

How to Achieve Perfectly Rounded Corners in CSS
How to Achieve Perfectly Rounded Corners in CSS

How to Add a Tab in HTML
How to Add a Tab in HTML

How to Open Link in a New Tab in HTML?
How to Open Link in a New Tab in HTML?

How to Clone an Object in JavaScript
How to Clone an Object in JavaScript

How to Fix “Sass @import Rules Are Deprecated and Will Be Removed in Dart Sass 3.0.0.”
How to Fix “Sass @import Rules Are Deprecated and Will Be Removed in Dart Sass 3.0.0.”