Divided panel

One panel of four cells rather than four cards, with a range control that moves the figures and the comparison window together.

Id
stat-card-02
Files
3 to copy
Components
2
Open Divided panel in a new tab
Loading Divided panel

Installation

One package covers every block on this site — the files below are yours the moment it is installed. Copy them into your project and edit them; nothing here is imported from a registry you have to keep in step with.

npm install kipui
import { Badge, Tabs } from "kipui";
Peer dependencies

react 19

react-dom 19

tailwindcss 4

Bundled dependencies

None beyond the peers above.

Built with

Every control in this block is a shipped component. Nothing is hand-rolled around the library, so restyling one of these restyles the block with it.