CoreUI PRO for React v5.16.0

We are thrilled to announce CoreUI PRO for React v5.16.0 — a comprehensive update that introduces significant improvements to our Stepper component, enhanced button variant handling, better date parsing capabilities, and updated documentation with enhanced navigation features.

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.

Angular

Bootstrap

React.js

Vue.js

How to Upgrade

To update your project to CoreUI PRO for React v5.16.0, follow these steps:

1. Open your package.json.
2. Update the following dependencies:
   • @coreui/react-pro to 5.16.0
3. Save the file.
4. Run your package manager:
   • npm: npm install
   • yarn: yarn install

🚀 What’s New

✨ New Features

• CStepper: Added support for simplified string array format for steps (e.g., ['Step 1', 'Step 2', 'Step 3'])
• CStepper: Introduced new activeStepNumber and defaultActiveStepNumber props using 1-based indexing for better clarity
• CStepper: Added enhanced form validation with noValidate support and improved error reporting
• Documentation: Added roadmap link with external icon in header navigation for better project visibility

🛠 Fixes & Improvements

• CButton: Improved variant handling logic for better consistency across different button types
• CDatePicker, CDateRangePicker: Enhanced date parsing functionality with better error handling and locale support
• CStepper: Improved step validation with better form reference handling and null safety
• CStepper: Enhanced accessibility with proper ARIA attributes and keyboard navigation
• Navigation Components: Added support for enclosed and enclosed-pills variants in API documentation

♻️ Refactors

• CStepper: Major refactor with backward compatibility support for deprecated props
• CStepper: Improved type safety with better TypeScript definitions
• CStepper: Enhanced step management with clearer separation between step numbers and indices
• Documentation: Updated component examples with improved form validation patterns
• Documentation: Enhanced accessibility in stepper examples with proper form structure

📚 Documentation Updates

• CStepper: Updated API documentation with new props and deprecation notices
• Forms: Improved checkbox documentation with Bootstrap-style examples
• Date Components: Enhanced documentation with comprehensive examples and usage patterns
• Components: Added pro badges to premium component examples for better identification

🗑 Deprecations

• CStepper: activeStepIndex prop is now deprecated in favor of activeStepNumber (1-based indexing)
• CStepper: defaultActiveStepIndex prop is now deprecated in favor of defaultActiveStepNumber (1-based indexing)

Note: Deprecated props are still supported for backward compatibility but will be removed in a future major version.

Upgrade to CoreUI PRO for React v5.16.0 today to take advantage of these powerful improvements, enhanced developer experience, and better accessibility features across your React applications.