Skip to main content

Forex Cross Rates Widget

This is the React component for the Forex Cross Rates Widget

Example#

import { ForexCrossRates } from "react-ts-tradingview-widgets";
<ForexCrossRates colorTheme="dark" autosize></ForexCrossRates>

Used Public types#

TypeValue
ColorThemelight / dark

Properties#

PropertyTypeRequiredDefaultDescription
widthnumber/stringfalse770Sets a static width on the component
heightnumber/stringfalse400Sets a static height on the component
autosizebooleanfalsefalseSets the width and height to 100%
currenciesstring[]falseSee hereSets the default currencies
isTransparentbooleanfalsefalseTransparent background for component
colorThemeColorThemefalselightSets the default theme
localeLocalesfalseenSets the default locale
largeChartUrlstringfalseundefinedMake widget redirect to larger chart

Default currencies#

["EUR", "USD", "JPY", "GBP", "CHF", "AUD", "CAD", "NZD", "CNY"]