Realtime Currency

About This component a part of the 400+ components, layouts, templates, UI Kits and code overrides from SegmentUI PRO.

About This component a part of the 400+ components, layouts, templates, UI Kits and code overrides from SegmentUI PRO. Click here to see the full library Instructions Copy and paste the component into your project file Customize the appearance and behavior using the property controls: Base amount: The amount you want to convert (e.g., 100) Base currency: Enter the three-letter currency code (like USD, EUR, GBP) that represents your primary currency. For example, if your prices are in US dollars, use "USD". This is the currency that will be converted to the visitor's local currency. Display format: Choose how the currency appears ($ 100, 100 $, or 100 USD) Font and color settings for visual customization Enable debug mode to see conversion details For testing different locations, use a VPN to change your location and see how the currency automatically updates based on the new location. The debug mode will show you which country is detected and the conversion details. How It Works The component can be customized using these properties: Amount: The base amount to convert Base Currency: The starting currency (e.g., USD) Display Type: Choose between prefix ($ 100), suffix (100 $), or code format (100 USD) Debug Mode: Toggle to show conversion details Font: Customize the text appearance Color: Set the text color Support For any queries and help setting up the component, contact hello@segmentui.com