Brand components

Stat tile

tint-1 figure tile (Barlow Condensed figure, unit, caption) and StatRow, a row of exactly three.

21items
Brand items in phase 4
60primitives
Primitives in the registry
2languages
English and Vietnamese

Install

bash

npx shadcn add @eloquent/stat-tile

Usage

tsx

import { StatRow, StatTile } from "@/components/ui/stat-tile";

<StatTile figure="21" unit="items" caption="Brand items in phase 4" />
<StatRow aria-label="At a glance" items={[a, b, c]} />

States

1,234pages

With a unit

98%

Without a unit

State	Treatment
Figure	Barlow Condensed 700, tabular, 34px (56px from md)
Unit	Condensed capitals, optional
Caption	Barlow 500 14px halftone, one line
`StatRow`	Exactly three tiles (a type error otherwise); stacks under sm

Keyboard

This component is not interactive. It is not a tab stop, so Tab skips it.

Key	Action
Tab	Skips it; not a tab stop

Vietnamese

21mục
Thành phần thương hiệu ở giai đoạn 4
60thành phần gốc
Thành phần gốc trong registry
2ngôn ngữ
Tiếng Anh và tiếng Việt

Ink adaptation

Brand item with no upstream. A tint-1 ground replaces a bordered card, and the figure, not colour, carries the emphasis.