Brickslab.Toolsv2.1.1

@brickslab./ui-webAnalytics

Survey KPI cards grid with trend arrow, delta badge, and solid or glass variant.

Solid

Completion rate74%
+12%
NPS score42
-3%
Avg. duration3m 5s
+5%
Responses1,284
—0%

Glass

Completion rate74%
+12%
NPS score42
-3%
Avg. duration3m 5s
+5%
Responses1,284
—0%

Props

PropTypeDéfautRequisDescription
itemsInsightCardItem[]—✓Array of { label, value, delta?, trend?, format? }.
variant"solid" | "glass""solid"—Card background style.
Override rapide

Tous les paramètres listés dans cette table sont overrideables via les props. Utilisez ce squelette comme point de départ.

<MyComponent
  items={[]}
  variant="solid"
/>
itemsvariant

Usage

tsx
import { InsightCards } from "@brickslab./ui-web";

<InsightCards
  items={[
    { label: "Completion rate", value: 74, format: "percent", delta: 12, trend: "up" },
    { label: "NPS score", value: 42, delta: -3, trend: "down" },
  ]}
/>