CoreUI for React v5.0.0-rc.3

CoreUI for React v5.0.0-rc.3

We’re excited to announce the release of CoreUI for React v5.0.0-rc.3, available as of March 22, 2024. This latest version introduces enhancements that aim to refine the usability and aesthetic flexibility of our React components. With a focus on improving the integration and customization capabilities for developers, we continue to evolve the CoreUI library to meet the growing demands of modern web development.

What’s New

Refactor

  • Color Handling and Accessibility Enhancements: The CBadge and CCard components have been updated to not only improve background and text color management but also to introduce a new property, textBgColor. This property allows for setting the component’s color scheme to one of CoreUI’s themed colors, ensuring text color contrast adheres to the WCAG 4.5:1 contrast ratio standard for accessibility. These improvements allow for more dynamic and responsive design choices while enhancing the visual appeal and readability of components.

Dependencies

To ensure that CoreUI for React remains at the forefront of web development, we’ve updated several key dependencies:

  • Updated @coreui/coreui from ^5.0.0-rc.2 to ^5.0.0-rc.3
  • Updated @testing-library/react from ^14.2.1 to ^14.2.2
  • Updated @types/react from 18.2.63 to 18.2.67
  • Updated @types/react-dom from ^18.2.20 to ^18.2.22
  • Updated @typescript-eslint/eslint-plugin from ^7.1.1 to ^7.3.1
  • Updated @typescript-eslint/parser from ^7.1.1 to ^7.3.1
  • Updated eslint-plugin-react from ^7.34.0 to ^7.34.1
  • Updated rollup from ^4.12.1 to ^4.13.0
  • Updated sass from ^1.71.1 to ^1.72.0
  • Updated typescript from ^5.4.2 to ^5.4.3

This release underscores our commitment to providing a robust, efficient, and versatile toolkit for React developers, ensuring projects are built using the most up-to-date and accessible components.


For a detailed overview of all the changes, enhancements, and updates, we invite you to review the full changelog on GitHub

Subscribe to our newsletter
Get early information about new products, product updates and blog posts.
How to convert a string to boolean in JavaScript
How to convert a string to boolean in JavaScript

How to show or hide elements in React? A Step-by-Step Guide.
How to show or hide elements in React? A Step-by-Step Guide.

How to set focus on an input field after rendering in React
How to set focus on an input field after rendering in React

Passing props to child components in React function components
Passing props to child components in React function components

How to loop inside React JSX
How to loop inside React JSX

How to validate an email address in JavaScript
How to validate an email address in JavaScript