CoreUI PRO for React v5.12.0

CoreUI PRO for React v5.12.0

We’re excited to introduce CoreUI PRO for React v5.12.0, bringing enhanced flexibility, refined accessibility, and better developer tooling. This release strengthens CoreUI PRO as the go-to choice for building modern, enterprise-grade React applications with ease and efficiency.


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 to CoreUI PRO for React v5.12.0, follow these steps:

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

What’s New

🔥 Features & Enhancements

  • Custom Popper Configurations:

    • CDropdown, CPopover, and CTooltip now allow passing custom Popper.js configurations for greater control over positioning and behavior.
  • Smarter Table Filtering:

    • CSmartTable now passes the current state to custom filters, enabling more dynamic and contextual data filtering.

🛠 Fixes & Improvements

  • CAccordion:

    • Added a missing id attribute to accordion collapse items to enhance accessibility and usability.
  • CDropdown Accessibility:

    • Removed aria-hidden to improve screen reader compatibility and ensure better user experience.

📦 Dependency Updates

To maintain stability, security, and compatibility, we’ve updated several key dependencies:

  • Updated @docsearch/css from ^3.8.2 to ^3.8.3
  • Updated @docsearch/react from ^3.8.2 to ^3.8.3
  • Updated @testing-library/react from ^16.1.0 to ^16.2.0
  • Updated @typescript-eslint/parser from ^8.19.1 to ^8.23.0
  • Updated eslint from ^9.17.0 to ^9.19.0
  • Updated eslint-config-prettier from ^9.1.0 to ^10.0.1
  • Updated eslint-plugin-prettier from ^5.2.1 to ^5.2.3
  • Updated eslint-plugin-react from ^7.37.3 to ^7.37.4
  • Updated gatsby from ^5.14.0 to ^5.14.1
  • Updated react-markdown from ^9.0.1 to ^9.0.3
  • Updated rollup from ^4.29.1 to ^4.34.4
  • Updated sass from ^1.83.0 to ^1.84.0
  • Updated typescript from ^5.7.2 to ^5.7.3
  • Updated typescript-eslint from ^8.19.1 to ^8.23.0

🚀 Upgrade today and take advantage of the latest improvements!

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.”