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>

Markets By TradingView

Used Public types#

Type	Value
ColorTheme	light / dark
TickerSymbol	TickerTapeSymbol[]
DisplayMode	regular / compact / adaptive

Ticker roperties#

Property	Type	Required	Default	Description
symbols	TickerSymbol[]	false	See Here	Default symbols in widget
showSymbolLogo	boolean	false	true	Show ticker symbol
colorTheme	ColorTheme	false	light	Sets the default theme
isTransparent	boolean	false	false	Transparent background for component
largeChartUrl	string	false	undefined	Make widget redirect to larger chart
displayMode	DisplayMode	false	adaptive	Sets default display mode
locale	string	false	en	Sets the default locale

TickerTapeSymbol#

Property	Type	Required	Default	Description
proName	string	true	See Here	Ticker name
title	string	true	See Here	Ticker 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"
  }
]