Money
The Money component renders a string of the Storefront API's
MoneyV2 object according to the
defaultLocale in the the hydrogen.config.js file.
Example code
Anchor link to section titled "Example code"
| Name | Type | Description |
|---|---|---|
| as? | TTag |
An HTML tag to be rendered as the base element wrapper. The default is div. |
| withoutCurrency? | boolean |
Whether to remove the currency symbol from the output. |
| withoutTrailingZeros? | boolean |
Whether to remove trailing zeros (fractional money) from the output. If there are no trailing zeros, then the fractional money amount remains. For example, $640.00 turns into $640. $640.42 turns into $640.42. |
| data | PartialDeep<MoneyV2> |
An object with fields that correspond to the Storefront API's MoneyV2 object. |
Component type
Anchor link to section titled "Component type"The Money component is a client component, which means that it renders on the client. For more information about component types, refer to React Server Components.
Storefront API data
Anchor link to section titled "Storefront API data"The data prop is an object with fields that correspond to the Storefront API's MoneyV2 object: