Overview
Organize table rows under collapsible headers with counts and annual value totals. It comes from the Data table kit and also works on its own. Keyboard and screen readers: Native controls have accessible names and visible keyboard focus. All core actions have keyboard alternatives; overlays close with Escape and restore focus. Reduced motion removes movement while preserving state and content. Built with React 19 and TypeScript, Tailwind CSS 4 and Lucide icons. Light and dark themes come from CSS variables you can edit, and every demo uses believable sample data you replace with your own. Included: the component source, its sample data, light and dark theme variables, a runnable demo page, and setup guides for people and for AI coding agents.
Highlights
- Production-ready, documented source
- Clean, componentized architecture
- Drops into your stack with minimal setup
