CoreUI PRO for React v5.26.0 - ChipSet, NavGroup Redesign & Major Improvements

We are excited to announce the release of CoreUI PRO for React v5.26.0. This is a major feature release introducing the new Chip Set component with filter chips, the Search Button component, Sidebar Nav tree variant, a redesigned CNavGroup with controlled visibility, carousel touch swipe support, and many important bug fixes including memory leak prevention in CDropdown, CTooltip, CPopover, CModal, and CCarousel.

---

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 PRO for React v5.26.0, follow these steps:

1. Open your project’s package.json.
2. Locate the @coreui/react-pro entry under dependencies and update the version number to 5.26.0.
3. Find the @coreui/coreui-pro entry under dependencies and update the version number to ^5.25.1.
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

• CChipSet: New component for grouping chips with selection coordination (single/multiple), roving focus, data-driven chips prop, defaultChips for uncontrolled usage, and filter chip support with leading check icons.

• CChip - Filter Mode: Added filter prop that implies selectable and shows a check icon while selected. Disabled chips no longer render a remove button.

• CChipInput Improvements: Now built on the shared useChipSet hook, adds selectionMode prop, always renders the hidden form input, and mirrors arrow-key navigation in RTL.

• CNavGroup - Controlled Visibility: Redesigned with onVisibleChange callback for controlled mode, context-based accordion coordination (replaces positional idx/recursiveClone), aria-expanded on the toggler, and MutationObserver-based active link detection.

• CCarousel - Touch Swipe: Added touch swipe support using the vanilla Swipe helper (pointer events with touch fallback, 40px threshold), with RTL-aware direction mapping.

Bug Fixes

• CDropdown: Prevented window listener and popper leaks on unmount; manage listeners declaratively in effects; skip onHide on mount; memoize popper callbacks.
• CTooltip & CPopover: Cancel pending delay timers on transitions and unmount; compose cloned child event handlers instead of overriding them.
• CModal: Fire onClosePrevented only on actual prevented close; ignore drag-out releases by tracking mousedown target.
• CCarousel: Clear cycle timeouts reliably; scope the items-count effect; register scroll listener once.
• CCarouselItem & CSidebar: Remove leaked transition listeners that accumulated on every render.
• CLink: Removed dead event.preventDefault reference.
• SearchButton: Added margin-inline-start to search button keys.

Migration Notes

This release includes behavioral changes:

• CDropdown: Default variant changed from 'btn-group' to 'dropdown'. Explicitly pass variant="btn-group" if you relied on the previous default.
• CNavGroup: Now uses React context coordination instead of positional idx/recursiveClone. The public API is backward-compatible, but internal coordination has changed.
• CCarousel: Touch swipe is enabled by default via the touch prop. Set touch={false} to disable.

After upgrading:

1. Install updated dependencies.
2. Run your test suite and verify the build.
3. Check components using CDropdown, CNavGroup, CTooltip, CPopover, CModal, and CCarousel for changed behavior.

---

For the latest package files and update access, visit CoreUI Downloads.