Euro Currency Field – PCF Code Component


This control is a React JS PCF Code Component I created for model-driven applications. Model-driven applications do not allow mixed currency symbols on a form by default. While the underlining hidden control is dollars, the visual (this PCF control) shows the Euro Symbol. You must calculate the exchange rate on your own if you want to convert it to another currency. This control is just for a visual representation only. The value is saved in the hidden underlining currency field as shown in the picture below. It allows a user to type in more than two fixed decimal places, but will automatically round the value using the same behavior as the default currency control has. The control uses Fluent UI and custom styles to match the style of a model-driven application currency field.

App Image

This project was generated with Power Apps component framework CLI.


Run npm run build to build the project.


Run npm run start to run the project.

Update Control Manifest

Run npm run refreshTypes to refresh the types.

Lint Fix React JS

Run npm run lint:fix to lint and format JavaScript

Package the control

Package a code component

Further help

To get more help on the Power Apps component framework check out the Power Apps component framework overview.


View Github