Become a sponsor and support the development of the CoreUI open-source projects.

CoreUI for React v5.0.0-rc.1

CoreUI for React v5.0.0-rc.1

Our latest release, version 5.0.0-rc.1, introduces significant improvements and updates aimed at enhancing both the developer and user experience. We’ve made advancements in handling text directions, ensuring a more intuitive and inclusive interface for users worldwide. This version also sees a comprehensive update to key dependencies, enhancing framework performance and compatibility. Our commitment to maintaining a robust, secure, and efficient development environment is reflected in these updates, keeping our framework aligned with the latest industry standards.

Here’s what’s new:

Refactor

  • Enhanced polymorphic components typings.
  • Improved the click outside listener for CModal.
  • Increased accessibility for CPopover and CTooltip.
  • Enabled rendering of CSidebarBrand as a link.
  • Improved navigation in CSidebarNav.

Fix

  • Addressed body scrolling issues in CPopover and CTooltip by preventing it when the component is added and removed from the DOM.

Build

  • update Lerna to v8

Dependencies

  • Updated @coreui/coreui from ^5.0.0-rc.0 to ^5.0.0-rc.1
  • Updated @testing-library/jest-dom from ^6.1.4 to ^6.1.5
  • Updated @testing-library/react from ^14.1.0 to ^14.1.2
  • Updated @types/jest from ^29.5.8 to ^29.5.11
  • Updated @types/react from 18.2.37 to 18.2.45
  • Updated @types/react-dom from ^18.2.15 to ^18.2.18
  • Updated @types/react-helmet from ^6.1.9 to ^6.1.11
  • Updated @types/react-transition-group from ^4.4.9 to ^4.4.10
  • Updated @typescript-eslint/eslint-plugin from ^6.11.0 to ^6.15.0
  • Updated @typescript-eslint/parser from ^6.11.0 to ^6.15.0
  • Updated eslint from 8.53.0 to 8.56.0
  • Updated eslint-config-prettier from ^9.0.0 to ^9.1.0
  • Updated eslint-plugin-prettier from ^5.0.1 to ^5.1.2
  • Updated eslint-plugin-unicorn from ^49.0.0 to ^50.0.1
  • Updated gatsby from ^5.12.9 to ^5.13.1
  • Updated gatsby-plugin-google-tagmanager from ^5.12.3 to ^5.13.0
  • Updated gatsby-plugin-image from ^3.12.3 to ^3.13.0
  • Updated gatsby-plugin-manifest from ^5.12.3 to ^5.13.0
  • Updated gatsby-plugin-mdx from ^5.12.3 to ^5.13.0
  • Updated gatsby-plugin-offline from ^6.12.3 to ^6.13.0
  • Updated gatsby-plugin-react-helmet from ^6.12.0 to ^6.13.0
  • Updated gatsby-plugin-sass from ^6.12.3 to ^6.13.0
  • Updated gatsby-plugin-sharp from ^5.12.3 to ^5.13.0
  • Updated gatsby-plugin-sitemap from ^6.12.3 to ^6.13.0
  • Updated gatsby-remark-autolink-headers from ^6.12.3 to ^6.13.0
  • Updated gatsby-source-filesystem from ^5.12.1 to ^5.13.0
  • Updated gatsby-transformer-sharp from ^5.12.3 to ^5.13.0
  • Updated prettier from ^3.1.0 to ^3.1.1
  • Updated prism-react-renderer from ^2.2.0 to ^2.3.1
  • Updated react-imask from ^7.1.3 to ^7.2.1
  • Updated rollup from ^4.4.1 to ^4.9.1
  • Updated typescript from ^5.2.2 to ^5.3.3

For a comprehensive list of changes in this update, visit the full changelog on GitHub

Subscribe to our newsletter
Get early information about new products, product updates and blog posts.
How to Center a Button in CSS
How to Center a Button in CSS

How to Hide Scrollbar with CSS
How to Hide Scrollbar with CSS

How to Use JavaScript setTimeout()
How to Use JavaScript setTimeout()

Javascript Random - How to Generate a Random Number in JavaScript?
Javascript Random - How to Generate a Random Number in JavaScript?

How to capitalize the first letter in JavaScript?
How to capitalize the first letter in JavaScript?

How to concatenate a strings in JavaScript?
How to concatenate a strings in JavaScript?