Neo-Brutalist Angular Stat

Stat

A compact value + label display for surfacing metrics, prices, counts, and scores. Used throughout brutalist card designs to anchor key numbers with maximum visual weight.

2Inputs

2Directions

Source ↗Open Docs

Preview

$29 per month

4.8★ rating

142 backed

Usage

Import

import { NbStat } from '@ng-brutalism/ui';

Template

<nb-stat value="$29" label="per month" />
<nb-stat value="4.8★" label="rating" />
<nb-stat value="142" label="backed" />

With icon

Project any element into the slot="icon" slot to prepend it to the stat.

4.9 rating

Row direction

98% satisfaction

12K downloads

API

Input	Type	Default	Description
value	string	required	The primary metric value displayed prominently.
label	string	required	Descriptive label rendered below (or beside) the value.
direction	'column' \| 'row'	'column'	Stacks value + label vertically or horizontally.