PaceUI

Intro
Agents
Crafts
Charts
Motion
PreviousNext

Customer Segments

A card showing transactions over time with a badge metric, stacked bar chart, and detailed transaction summary status grid.

When to use

  • Segmenting customers by plan tier (Enterprise, Pro, Starter, Free) or engagement cohort.
  • Combining stacked distribution bars with a detailed status grid and badge metrics.
  • CRM account summaries where quick segment proportions and conversion rates are monitored.

When not to use

  • Continuous time-series forecasting across multi-year intervals.
  • Deeply nested hierarchical tree structures; use treemaps or nested lists instead.

Props

PropTypeDefaultDescription
dataCustomerSegmentsDataPoint[]chartDataTime-series customer counts broken down by premium and basic tiers.
classNamestring—Optional CSS class name to apply to the root Card.

Data Structure

FieldTypeDescription
datestringDisplay date label along the horizontal axis.
premiumnumberCount of premium customer signups or accounts on this date.
basicnumberCount of basic customer signups or accounts on this date.