Money
Emerald Money UI component.
Usage
npm install @stone-payments/emd-basic-money
import '@stone-payments/emd-basic-money';<emd-money value="12680.9"></emd-money>
<emd-money value="12680.9" hidevalue></emd-money>
<emd-money value="12680.9" currency="EUR" hidepositivesign></emd-money>Attributes and Properties
value
Defines the numeric value to be displayed. The component uses Intl.NumberFormat API to round values.
- Type: Number
- Attribute and property
currency
Defines the currency to be displayed. It can be BRL, USD or EUR.
- Type: String
- Attribute and property
hidevalue
Hides the value with a rectangle.
- Type: Boolean
- Attribute and property
hidepositivesign
Hides the positive sign before the value. The negative sign cannot be hidden.
- Type: Boolean
- Attribute and property
CSS Properties
--emd-money-positive-color
Defines the color of positive values.
- Default:
inherit
--emd-money-neutral-color
Defines the color of values equal to zero.
- Default:
inherit
--emd-money-negative-color
Defines the color of negative values.
- Default:
inherit
--emd-money-effect-color
Defines the color of the rectangle that hides the value.
- Default:
currentColor
--emd-money-effect-opacity
Defines the opacity of the rectangle that hides the value.
- Default:
0.5