CurrencyPair

stable

Currency pair display with mid-rate for FX trading and treasury

import { CurrencyPair } from "@nodus/design-system/finance"

EUR/USD1.0842GBP/JPY189.234USD/CHF0.8834

Loading demo…

Props

Prop	Type	Default	Description
`base`req	`string`	—	Base currency ISO 4217 code
`quote`req	`string`	—	Quote currency ISO 4217 code
`rate`	`number`	—	Exchange rate value
`precision`	`number`	4	Rate decimal precision
`showRate`	`boolean`	true	Display the rate inline
`density`	`'default' \| 'compact'`	default	Display density

baserequired

Type stringDefault —

Base currency ISO 4217 code

quoterequired

Type stringDefault —

Quote currency ISO 4217 code

rate

Type numberDefault —

Exchange rate value

precision

Type numberDefault 4

Rate decimal precision

showRate

Type booleanDefault true

Display the rate inline

density

Type 'default' | 'compact'Default default

Display density

MobileWorks As-Is

Design Rationale

This component was designed to express:

ISO 4217 currency code with flag emoji and optional symbol

Formatted number display with tabular alignment for financial tables

Was this helpful?