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

CoreUI v5.8.0 - ChipSet Component & Chip Input Enhancements

CoreUI v5.8.0 - ChipSet Component & Chip Input Enhancements

We are excited to announce the release of CoreUI v5.8.0 for Bootstrap. This update introduces the new Chip Set component with filter chips, rebuilds Chip Input on top of ChipSet, adds RTL arrow-key navigation, and includes a SearchButton spacing fix.


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 v5.8.0, follow these steps:

  1. Open your project’s package.json.
  2. Locate the @coreui/coreui entry under dependencies and update the version number to 5.8.0.
  3. Save your changes to the package.json file.
  4. 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

  • ChipSet: New component for grouping chips with built-in selection coordination, roving focus, add/remove with maxChips/unique support, and keyboard navigation (arrows, Home/End, neighbor focus on remove).

  • Chip - Filter Mode: Added filter option with selectedIcon — a selected filter chip shows a check icon. filter now implies selectable automatically. Disabled chips no longer render a remove button. Per-chip data attributes override set-level options.

  • ChipInput Rebuilt on ChipSet: ChipInput now extends ChipSet, adding only the input layer (text field, hidden form input, text-to-chip). The public API and events are unchanged. Added selectionMode and the hidden input is always rendered.

  • ChipSet - RTL Navigation: Arrow-key navigation between chips, ArrowRight-into-the-input, and ArrowLeft-to-the-last-chip all swap left/right when rendered right-to-left (dir="rtl").

  • ChipInput - ArrowRight Focus: Pressing ArrowRight on the last chip now advances focus into the text input field, mirroring ArrowLeft at the start of the input focusing the last chip.

Bug Fixes

  • SearchButton: Added margin-inline-start to search button keys for proper spacing.

Dependency Updates

We have updated key dependencies to their latest compatible versions:

  • @babel/cli from: ^7.28.6 to: ^7.29.7
  • @babel/core from: ^7.29.0 to: ^7.29.7
  • @babel/preset-env from: ^7.29.5 to: ^7.29.7
  • @rollup/plugin-babel from: ^7.0.0 to: ^7.1.0
  • @rollup/plugin-commonjs from: ^29.0.2 to: ^29.0.3
  • postcss from: ^8.5.14 to: ^8.5.15
  • rollup from: ^4.60.4 to: ^4.62.0
  • sass-embedded from: ^1.99.0 to: ^1.100.0
  • terser from: 5.47.1 to: 5.48.0

Migration Notes

This is a feature release with no breaking changes. The ChipInput public API and events are unchanged despite the internal rebuild on ChipSet. After upgrading:

  1. Install updated dependencies.
  2. Run your test suite and verify the build.
  3. Explore the new ChipSet component and filter chips in your layouts.

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