MiniStat

Deprecated

Compact label + value row — 12px label on left, 14px/700 value on right, with 1px bottom border. Used in Ticket Sales Breakdown side card. Superseded by StatCard (atom — covers the compact-metric use case with full token coverage).

Categorymolecules

Sourcepatterns/molecules/ministat.html

AI HintUse for grouped UI patterns. Combine atoms into functional units.

Compact stat tile.

MiniStat

Content & Layout — Family 6

Compact stat tile.

Usage

Compact stat tile. Refer to the DS component index for full prop details.

import { MiniStat } from '@epasslive/design-system'

Props

Preview

MiniStat

Prop

Type

Required

Default

Description

label

string

Required

—

No description.

value

string | number

Required

—

No description.

progress

number

Optional

—

0-100, renders a ProgressBar component below the row

Quick use:<MiniStat />

Accessibility

ARIA rolegroup

Usage

Import

tsxSnippet

import { MiniStat } from "@epasslive/design-system"

Example 1

tsxSnippet

<MiniStat />

Example 2

tsxSnippet

<MiniStat variant="default" />

Anti-patterns

— Do not hardcode data in molecules

— Avoid complex business logic in molecules