Skip to main contentSkip to navigation

Symbol Info

Display real-time symbol information and key metrics.

Installation

npx @hanzo/ui@latest add symbol-info

Usage

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

export default function Demo() {
  return <SymbolInfo symbol="NASDAQ:AAPL" colorTheme="dark" />
}

Props

PropTypeDefaultDescription
symbolstring"NASDAQ:AAPL"Trading symbol to display
widthstring | number"100%"Widget width
localestring"en"Language locale
colorTheme"light" | "dark""dark"Color theme
isTransparentbooleanfalseTransparent background