#StandWithUkraine

Amounts in Dual Currencies

Due to Croatia adopting Euro there is a period in which it is necessary to display Amounts in both of the currencies in various components.

Stripe

You may provide an array of two Amounts in StripeProductInfo’s amount prop. The second one will be styled as a conversion of the first one.

Loading demo…

OverviewCard

Conversion for the main amount can be provided through the mainAmountConverted prop.

Extra amounts can be converted by passing an array of objects into extraAmounts. These objects need to have attributes original and converted, each containing the appropriate OverviewCardAmount.

Loading demo…

Offset

When there is a horizontal OverviewCard with no dual currencies displayed along with OverviewCards that use dual currencies, it is possible to offset the amounts in this OverviewCard using the prop shouldOffsetForDualCurrency.

Loading demo…