🌹 Graz - George Design System stands in solidarity with the victims and families affected by the tragic school shooting in Graz. Our hearts go out to all those impacted by this senseless act of violence.

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 REACT-ONLY

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.

Error: Minified React error #130; visit https://reactjs.org/docs/error-decoder.html?invariant=130&args[]=object&args[]= for the full message or use the non-minified dev environment for full errors and additional helpful warnings.

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.

Error: Minified React error #130; visit https://reactjs.org/docs/error-decoder.html?invariant=130&args[]=object&args[]= for the full message or use the non-minified dev environment for full errors and additional helpful warnings.

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.

Error: Minified React error #130; visit https://reactjs.org/docs/error-decoder.html?invariant=130&args[]=object&args[]= for the full message or use the non-minified dev environment for full errors and additional helpful warnings.