Skip to main content

Ticker Tape Widget

This is the React component for the Ticker Tape Widget

Example#

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

Used Public types#

TypeValue
ColorThemelight / dark
TickerSymbolTickerTapeSymbol[]
DisplayModeregular / compact / adaptive

Ticker roperties#

PropertyTypeRequiredDefaultDescription
symbolsTickerSymbol[]falseSee HereDefault symbols in widget
showSymbolLogobooleanfalsetrueShow ticker symbol
colorThemeColorThemefalselightSets the default theme
isTransparentbooleanfalsefalseTransparent background for component
largeChartUrlstringfalseundefinedMake widget redirect to larger chart
displayModeDisplayModefalseadaptiveSets default display mode
localeLocalesfalseenSets the default locale

TickerTapeSymbol#

PropertyTypeRequiredDefaultDescription
proNamestringtrueSee HereTicker name
titlestringtrueSee HereTicker title

Ticker default symbols#

[
{
"proName": "FOREXCOM:SPXUSD",
"title": "S&P 500"
},
{
"proName": "FOREXCOM:NSXUSD",
"title": "Nasdaq 100"
},
{
"proName": "FX_IDC:EURUSD",
"title": "EUR/USD"
},
{
"proName": "BITSTAMP:BTCUSD",
"title": "BTC/USD"
},
{
"proName": "BITSTAMP:ETHUSD",
"title": "ETH/USD"
}
]