CoreUI PRO for React v5.2.0

CoreUI PRO for React v5.2.0

We are thrilled to announce the release of CoreUI PRO for React v5.2.0, packed with new features, critical fixes, and dependency updates that enhance the stability and performance of the CoreUI library.


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 ensure a smooth transition to CoreUI PRO for React v5.2.0, follow these straightforward steps:

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

What’s New

Features

  • CTabs: The initial release of the new React tabs component.
  • CTabPane: Added the transition property to enable control of fade animation on panels.

Fixes

  • CPopover, CTooltip: Prevent setting the wrong component position on the initial transition.
  • CMultiSelect: Added the missing type="button" attribute to the tag close button.
  • CCalendar, CDatePicker, CDateRangePicker: Solved different timezones issue.
  • CDatePicker: Prevented showing two time pickers on mobile devices.

Refactors

  • CTooltip: Updated the popper when content is changed.
  • CMultiSelect: Clear search when the dropdown list has been closed.

Documentation

  • Improved responsive layout.
  • Enhanced sidebar navigation.
  • Updated content and layout.
  • Added tabs support to MDX files.

Dependencies

We have updated several key dependencies to their latest versions, ensuring improved performance, security, and compatibility:

  • Updated @coreui/coreui-pro from ^5.1.0 to ^5.2.0
  • Updated @mdx-js/mdx from ^2.3.0 to ^3.0.1
  • Updated @mdx-js/react from ^2.3.0 to ^3.0.1
  • Updated @rollup/plugin-commonjs from ^25.0.7 to ^25.0.8
  • Updated @testing-library/jest-dom from ^6.4.2 to ^6.4.5
  • Updated @testing-library/react from ^14.2.2 to ^14.3.1
  • Updated @types/react from 18.2.73 to 18.3.3
  • Updated @types/react-dom from ^18.2.22 to ^18.3.0
  • Updated @typescript-eslint/eslint-plugin from ^7.4.0 to ^7.10.0
  • Updated @typescript-eslint/parser from ^7.4.0 to ^7.10.0
  • Updated eslint-plugin-react-hooks from ^4.6.0 to ^4.6.2
  • Updated gatsby from ^5.13.3 to ^5.13.5
  • Updated gatsby-plugin-offline from ^6.13.1 to ^6.13.2
  • Updated lerna from ^8.1.2 to ^8.1.3
  • Updated react from ^18.2.0 to ^18.3.1
  • Updated react-dom from ^18.2.0 to ^18.3.1
  • Updated react-imask from ^7.5.0 to ^7.6.1
  • Updated rimraf from ^5.0.5 to ^5.0.7
  • Updated rollup from ^4.13.1 to ^4.18.0
  • Updated sass from ^1.72.0 to ^1.77.2
  • Updated ts-jest from ^29.1.2 to ^29.1.3
  • Updated typescript from ^5.4.3 to ^5.4.5
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.”