CoreUI for React v5.3.0

CoreUI for React v5.3.0

We are excited to announce the release of CoreUI for React v5.3.0. This update introduces new features, important refactors, and dependency updates to enhance the functionality and performance of the CoreUI library.

How to Update

To update your project to CoreUI for React v5.3.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.3.0.
  3. Find the @coreui/coreui entry under dependencies and update the version number to 5.1.1.
  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

  • CModal: Added the container property to allow appending the modal to a specific element.

Refactors

  • CDropdown, CPopover, CTooltip: Updated the container property typings.

Documentation

  • Updated API documentation for better clarity and understanding.

Build

  • Updated globby to v14.x for improved file handling and performance.

Dependency Updates

This release also includes updates to several dependencies to ensure compatibility with the latest features and security patches:

  • Updated @coreui/coreui from ^5.0.2 to ^5.1.1
  • Updated @docsearch/css from ^3.6.0 to ^3.6.1
  • Updated @testing-library/jest-dom from ^6.4.6 to ^6.4.8
  • Updated eslint-plugin-prettier from ^5.1.3 to ^5.2.1
  • Updated eslint-plugin-react from ^7.34.3 to ^7.35.0
  • Updated eslint-plugin-unicorn from ^54.0.0 to ^55.0.0
  • Updated gatsby from ^5.13.6 to ^5.13.7
  • Updated lerna from ^8.1.6 to ^8.1.7
  • Updated prettier from ^3.3.2 to ^3.3.3
  • Updated rimraf from ^5.0.8 to ^6.0.1
  • Updated rollup from ^4.18.0 to ^4.19.2
  • Updated sass from ^1.77.6 to ^1.77.8
  • Updated ts-jest from ^29.1.5 to ^29.2.4
  • Updated typescript from ^5.5.3 to ^5.5.4

For a detailed overview 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.
How to conditionally add attributes to React components
How to conditionally add attributes to React components

How to force a React component to re-render
How to force a React component to re-render

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