CoreUI PRO for Vue v5.11.0

CoreUI PRO for Vue v5.11.0

We are thrilled to announce the release of CoreUI PRO for Vue v5.11.0 — a feature-packed update focused on improved component flexibility, better accessibility, and extended theming capabilities.


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 to CoreUI PRO for Vue v5.11.0, follow these steps:

  1. Open your package.json file.
  2. Update the @coreui/vue-pro dependency to 5.11.0.
  3. Update the @coreui/coreui-pro dependency to 5.9.0.
  4. Save your changes.
  5. Run the appropriate command for your package manager:
    • npm: npm install
    • yarn: yarn install

🚀 What’s New

✨ New Features

  • CButton: Introduced support for unthemed outline and ghost variants — great for neutral design systems.
  • CFormControlWrapper: Added support for passing class names to CFormFloating.
  • CMultiSelect: Now supports setting initial selected values via the value prop.
  • CNav: Introduced enclosed variants for improved layout consistency.
  • CPasswordInput: Released a brand new password input component with toggling and accessibility built-in.
  • CStepper: New fully-featured stepper component for guided workflows and multi-step forms.
  • CTabs: Added enclosed variants for enhanced styling options.

🛠 Fixes

  • CNavGroup: Fixed missing href attribute on the toggler for proper accessibility and behavior.
  • CTimePicker: Resolved inconsistencies between input and picker formats for certain locales.

♻️ Refactors & Improvements

  • CAccordion: Improved overall accessibility and keyboard navigation support.
  • CCalendar, CDatePicker, CDateRangePicker: Prevent unintentional time changes when the day is updated.
  • CNavItem: Automatically passes anchor attributes to the internal <a> element when href is set.

🔧 Build

  • Upgraded ESLint to v9.x to benefit from the latest linting features and performance.

📦 Dependency Updates

This release includes essential dependency updates to boost compatibility, performance, and maintainability:

  • Updated @coreui/coreui-pro from ^5.12.0 to ^5.14.0
  • Updated @docsearch/css from ^3.8.2 to ^3.9.0
  • Updated @docsearch/js from ^3.8.2 to ^3.9.0
  • Updated @rollup/plugin-commonjs from ^28.0.2 to ^28.0.3
  • Updated @rollup/plugin-node-resolve from ^16.0.0 to ^16.0.1
  • Updated date-fns from ^3.6.0 to ^4.1.0
  • Updated eslint from ^9.17.0 to ^9.28.0
  • Updated eslint-config-prettier from ^9.1.0 to ^10.1.5
  • Updated eslint-plugin-prettier from ^5.2.1 to ^5.4.1
  • Updated eslint-plugin-unicorn from ^56.0.1 to ^59.0.1
  • Updated eslint-plugin-vue from ^9.32.0 to ^10.1.0
  • Updated globals from ^15.14.0 to ^16.2.0
  • Updated lerna from ^8.1.9 to ^8.2.2
  • Updated prettier from ^3.4.2 to ^3.5.3
  • Updated rollup from ^4.30.1 to ^4.41.1
  • Updated sass from ^1.83.1 to ^1.89.1
  • Updated ts-jest from ^29.2.5 to ^29.3.4
  • Updated typescript from ^5.7.2 to ^5.8.3
  • Updated typescript-eslint from ^8.19.1 to ^8.33.1
  • Updated vue from ^3.5.13 to ^3.5.16
  • Updated vue-types from ^5.1.3 to ^6.0.0

Stay ahead of the curve with CoreUI PRO for Vue v5.11.0 — designed to help you build accessible, flexible, and production-grade Vue applications faster than ever.

Subscribe to our newsletter
Get early information about new products, product updates and blog posts.
How to Redirect to a New URL Using JavaScript Redirect Techniques
How to Redirect to a New URL Using JavaScript Redirect Techniques

How to Achieve Perfectly Rounded Corners in CSS
How to Achieve Perfectly Rounded Corners in CSS

How to Add a Tab in HTML
How to Add a Tab in HTML

How to Open Link in a New Tab in HTML?
How to Open Link in a New Tab in HTML?

How to Clone an Object in JavaScript
How to Clone an Object in JavaScript

How to Fix “Sass @import Rules Are Deprecated and Will Be Removed in Dart Sass 3.0.0.”
How to Fix “Sass @import Rules Are Deprecated and Will Be Removed in Dart Sass 3.0.0.”