React TradingView Embeds

• React + TypeScript components for TradingView Embeds
• https://k-128.github.io/react-tradingview-embed/

Usage

• npm install --save react-tradingview-embed

import { AdvancedChart } from "react-tradingview-embed";

const App = () => <AdvancedChart widgetProps={{"theme": "dark"}} />;

// If widgets props are missing, use widgetPropsAny, ex:
// - <AdvancedChart widgetPropsAny={{"newProp": true}} />

If redeclared, props set in widgetPropsAny will override those in widgetProps.

Widget support

• <input checked="" disabled="" type="checkbox"> AdvancedChart
• <input checked="" disabled="" type="checkbox"> TechnicalAnalysis
• <input checked="" disabled="" type="checkbox"> MarketOverview
• <input checked="" disabled="" type="checkbox"> MarketData
• <input checked="" disabled="" type="checkbox"> StockMarket
• <input checked="" disabled="" type="checkbox"> EconomicCalendar
• <input checked="" disabled="" type="checkbox"> TickerWidget
• <input checked="" disabled="" type="checkbox"> TickerTape
• <input checked="" disabled="" type="checkbox"> SingleTicker
• <input checked="" disabled="" type="checkbox"> MiniChart
• <input checked="" disabled="" type="checkbox"> SymbolOverview
• <input checked="" disabled="" type="checkbox"> SymbolInfo
• <input checked="" disabled="" type="checkbox"> ForexCrossRates
• <input checked="" disabled="" type="checkbox"> ForexHeatMap
• <input checked="" disabled="" type="checkbox"> ScreenerWidget
• <input checked="" disabled="" type="checkbox"> CryptocurrencyMarket
• <input checked="" disabled="" type="checkbox"> FundamentalData
• <input checked="" disabled="" type="checkbox"> CompanyProfile
• <input checked="" disabled="" type="checkbox"> Timeline