StatGrid

StatGrid is a thin grid wrapper for placing repeated stat surfaces (MetricCard, ChartCard, custom panels). Columns collapse responsively at narrower widths.

#Default usage

<StatGrid columns={3}>
  <MetricCard label="Active" value="128" />
  <MetricCard label="Pending" value="42" />
  <MetricCard label="Failed" value="3" />
</StatGrid>

#Import

import { StatGrid } from "@froggdesign/enter-ui-react";

#Accessibility

StatGrid is a layout primitive — it adds no roles. The contained metric/stat components own their own semantics.

#API

• columns: 2, 3, or 4 at desktop widths. Collapses to 2 columns under 900px and to 1 under 540px.
• loading: marks the grid with data-loading="true" for consumer-styled loading states.

#Styling

Every exported component accepts className. EnterUI styles use .eui-* classes and --eui-* variables mapped from FroggDesign theme tokens.