Price Range
A gate-fee / price range atom — GBP formatting with a unit suffix and qualifiers for uncertain figures, matching the marketplace gate-fee copy.
$
Registry itembunx shadcn@latest add @nx-ui/price-rangeInstalls withutils
Ranges
A min/max pair collapses to a single figure when the bounds agree; the unit defaults to per tonne.
£3–£25/t£40–£180/t£12/t£85/load
Qualifiers
Open-ended and indicative pricing read as 'from' and 'guide' figures.
from £12/t£3–£25/t (guide)
Tones and sizes
The muted tone sits inside dense rows; the default tone carries the figure semibold.
£40–£180/t£40–£180/t£40–£180/t
In context
Gate fees on a listing read exactly as the marketplace cards format them.
Gate fee £3–£25/t
Gate fee £40–£180/t
No published gate fees
API reference
Exported parts and their props, extracted from the component source.
| Prop | Type | Default | Description |
|---|---|---|---|
min* | number | — | Lower bound, £/unit. |
max | number | — | Upper bound, £/unit; omit (or pass `min`) for a single figure. |
unit | string | "/t" | Unit suffix, e.g. "/t" (per tonne), "/load". |
qualifier | "from" | "guide" | — | Uncertainty qualifier — "from" (open-ended) or "guide" (indicative). |
className | string | — | — |
…extends VariantProps<typeof priceRangeVariants>