CoreUI for React v5.1.0

CoreUI for React v5.1.0

We are excited to announce the release of CoreUI for React v5.1.0, which includes new features, fixes, and critical dependency updates to enhance the performance and usability of our library.

How to Update

To ensure a smooth transition to CoreUI for React v5.1.0, follow these steps:

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

What’s New

Features

  • CTabs: Introduced a new React tabs component.
  • CTabPane: Added the transition property to control fade animation on panels.

Fixes

  • CPopover, CTooltip: Fixed the issue of setting the wrong component position on the initial transition.

Documentation

  • Improved responsive layout.
  • Enhanced sidebar navigation.
  • Updated content and improved 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 from ^5.0.0 to ^5.0.2
  • 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

For a detailed exploration of all the enhancements, fixes, and updates introduced in this version, please refer to the full changelog on GitHub.

Subscribe to our newsletter
Get early information about new products, product updates and blog posts.
What are the three dots `...` in JavaScript do?
What are the three dots `...` in JavaScript do?

How to replace all occurrences of a string in JavaScript?
How to replace all occurrences of a string in JavaScript?

How to remove a property from an object in Javascript
How to remove a property from an object in Javascript

The Wacky World of JavaScript: Unraveling the Oddities
The Wacky World of JavaScript: Unraveling the Oddities

How to check if an element is visible in JavaScript
How to check if an element is visible in JavaScript

How to change opacity on hover in CSS
How to change opacity on hover in CSS