CoreUI PRO for React v5.0.0-rc.3

CoreUI PRO for React v5.0.0-rc.3

We are thrilled to announce the latest update, CoreUI PRO for React v5.0.0-rc.3, released on March 22, 2024. This version introduces a series of refinements aimed at enhancing component flexibility, design, and accessibility, alongside crucial dependency updates that ensure your projects leverage the most current web development practices.

Here’s what’s new:

Highlights of This Release

Enhancements

  • Improved Color Handling with Accessibility Focus: We’ve made significant enhancements to the CBadge and CCard components, focusing on more versatile background and text color management. Additionally, we’ve introduced the textBgColor property, a powerful feature designed to set the component’s color scheme using CoreUI’s themed colors. This ensures that text color contrast meets the WCAG 4.5:1 contrast ratio standard, adhering to accessibility requirements and making components more inclusive and visually appealing.

Dependency Updates

In our commitment to maintaining a cutting-edge development environment, we’ve updated several dependencies to their latest versions:

  • Updated @coreui/coreui-pro 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

CoreUI PRO for React v5.0.0-rc.3 is designed to empower developers with the tools and components needed to create accessible, responsive, and aesthetically pleasing React applications with ease.


For an exhaustive list of all the changes, enhancements, and dependency updates, we encourage you to explore 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