Skip to content
Feedback & OverlaysFree

Number Value

A large number with its change beside it: caret up or down, green or red.

Usage

1,2044.2%

Installation

bash
npm install @wunderui/react

Then import what you need:

tsx
import { NumberValue } from "@wunderui/react"

Examples

Value with change

A number with its change against the last period.

1,2044.2%

Trend and sentiment

The caret says which way it went, the colour whether that is good: a rising cost is red, a falling churn is green.

1,2044.2%
€9803.1%
1.8%0.3%
4128.0%
41

In context

How the component is used inside real screens — the same compositions as the Usage section of the Figma page.

Stat with trend chip

A value with its trend chip inside a stat card.

Conversion rate
3.8% 0.4%
1,204 orders7.7%