One data grid for JavaScript, React, Vue & Angular. Sorting, filtering, virtualization, pinning, and CSV export included. Early access $199 $349 → [Get it now]

CoreUI for React v5.13.0 - CAlert & CButton Enhancements, Accessibility Improvements

CoreUI for React v5.13.0 - CAlert & CButton Enhancements, Accessibility Improvements

We are excited to announce the release of CoreUI for React v5.13.0. This release enhances the CAlert and CButton components, improves accessibility across close buttons and tooltips, and migrates the documentation to Astro.


Speed up your responsive apps and websites with fully-featured, ready-to-use open-source admin panel templates—free to use and built for efficiency.


How to Update

To update your project to CoreUI for React v5.13.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.13.0.
  3. Find the @coreui/coreui entry under dependencies and update the version number to ^5.9.0.
  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.
    • For pnpm users, execute pnpm install.

What’s New

Features

  • CAlert: Added a transition, an onClosed callback, and an ariaCloseLabel prop.

  • CButton: Added a toggle prop and now renders without the CLink wrapper.

  • CCloseButton, CModalHeader, CToastHeader: Allow customizing the close button aria-label.

Bug Fixes

  • CToastClose & CDropdownToggle: Drop unintended props inherited from CButton.
  • useColorModes: Clean up the matchMedia listener.

Accessibility

  • Tooltip & Popover: Dismiss on the Escape key, in line with WCAG 1.4.13.

Documentation & Tooling

  • Migrated the documentation to the shared @coreui/astro-docs engine and upgraded to Astro 7.
  • Migrated the test runner from Jest to Vitest and the package manager from Yarn Classic to npm.
  • Added an AI Tools section (MCP Server and LLMs.txt), a SECURITY.md, Dependabot config, and CodeQL code scanning.

Migration Notes

This is a feature release with no breaking changes announced in the published release notes. After upgrading:

  1. Install updated dependencies.
  2. Run your test suite and verify the build.
  3. Review CAlert and CButton usage to take advantage of the new props.

For a comprehensive overview of all changes, enhancements, and updates introduced in this release, please refer to the full changelog on GitHub.