Release - April 12, 2026

Cerberus v1.2 Release

CB

Casey Baggz

Cerberus Admin

This release adds new features to React and the Data Grid.

Overview

Here is a brief overview of what's new:

• React Features - new primitive APIs and general updates
• Data Grid Features - Data Grid gets some new goodies

React Features

Popover

We have added a new Popover API for when you need something a little more verbose than a Tooltip - but not as heavy weight as a Dialog/Alert.

Checkout the Popover documentation for more details.

Data Grid Features

Our goal is to keep the Data Grid API growing with each release. We have two important updates with v1.2:

Overlays

We've added support for overlay slots which allow you to create custom views for different states within the Data Grid viewport.

Simply add an overlays prop to the DataGrid with your options.

Each overlay comes with built-in presets or you can pass a custom component to render in it's stead.

No Content

For when there is no data to render, we have the noContent overlay.

Pending

Cerberus provides three different pending state overlays:

• skeleton: an animated placeholder of the Data Grid.
• linear-progress: an indeterminate linear progress bar.
• circular-progress: a circular loading spinner.

For a custom solution, just provide your preferred component instead of one of these three options.

Skeleton

Linear

Circular

Checkout the Data Grid overlays documentation for more details.

Filtering

The Data Grid now supports three different types of filtering out of the box:

1. Single-column filtering: Clicking the "Filter" option from the feature menu when the column has opted into filtering.
2. Multi-column filtering: Following option 1 for any additional column
3. Global filtering: Utilizing the setGlobalFilter action from the Data Grid Context.

Active Actions

Once a filter is active, the user can:

1. Edit filters: Clicking the added "Edit filter" icon button that displays in the column header that has the active filter.
2. Clear filters: Clicking the "Clear Filter" option in the column feature menu.

Note

Depending on your column definitions, you may notice header titles getting cut off. This is not a bug - the column just needs to be wider in the strict definition set.

In a future release we will also have column-resizing which will also help with this.

Checkout the Data Grid Filtering documentation for more details.

Thanks!

This is another great release introducing some beneficial tools and features.

A special thanks to everyone who has helped validate the APIs, docs, and submitted features or bugfixes for this release.

There is no "I" in Cerber-"US"

Upgrading

To upgrade to this release, you can install the latest version of Cerberus React:

npm run up:cerberus

pnpm run up:cerberus

deno run npm:up:cerberus

bun run up:cerberus