Skip to main contentSkip to navigation

Technical Analysis

Display technical indicator summary and analysis.

Installation

npx @hanzo/ui@latest add technical-analysis

Usage

import { TechnicalAnalysis } from "@hanzo/ui/finance"

export default function Demo() {
  return (
    <TechnicalAnalysis
      symbol="NASDAQ:AAPL"
      interval="1D"
      showIntervalTabs={true}
    />
  )
}

Props

PropTypeDefaultDescription
symbolstring"NASDAQ:AAPL"Trading symbol to display
intervalstring"1D"Analysis interval (1m, 5m, 15m, 1h, 4h, 1D, 1W, 1M)
widthstring | number"100%"Widget width
heightstring | number450Widget height
localestring"en"Language locale
colorTheme"light" | "dark""dark"Color theme
isTransparentbooleanfalseTransparent background
showIntervalTabsbooleantrueShow interval selection tabs