Output Currency (Deprecated)

We recommend using Lightning Web Components whenever possible. When migrating to Lightning Web Components, use lightning-formatted-number with format-style="currency".

For more information, see Aura Components in the ui Namespace Are Deprecated.

A ui:outputCurrency component represents a number as a currency that is wrapped in an HTML span tag. We recommend using lightning:formattedNumber with style="currency" instead of ui:outputCurrency.

This component can be used with ui:inputCurrency, which takes in a number as a currency. To apply Lightning Design System styling, we recommend that you use lightning:input with type="number" and formatter="currency" instead of ui:inputCurrency.

To display a currency, you can use an attribute value and bind it to the ui:outputCurrency component.

1<aura:attribute name="myCurr" type="Decimal" default="50000" />
2
3<ui:outputCurrency aura:id="curr" value="{!v.myCurr}" />

The previous example renders the following HTML.

1<span class="uiOutputCurrency">$50,000.00</span>

To override the browser’s locale, use the currencySymbol attribute.

1<aura:attribute name="myCurr" type="Decimal" default="50" currencySymbol="£" />

You can also override it by specifying the format.

1var curr = cmp.find("curr");
2curr.set("v.format", "£#,###.00");