News Timeline

import { NewsTimeline } from '@hanzo/ui'

export function Default() {
  return <NewsTimeline />
}

export function MarketFeed() {
  return <NewsTimeline feedMode="market" market="crypto" colorTheme="light" height={420} />
}

export function SymbolFeed() {
  return <NewsTimeline feedMode="symbol" symbol="NASDAQ:AAPL" height={420} />
}

export function Compact() {
  return (
    <YStack width={360}>
      <NewsTimeline isTransparent height={280} />
    </YStack>
  )
}

Types

export type NewsTimelineFeedMode = 'all_symbols' | 'market' | 'symbol'

export type NewsTimelineTheme = 'light' | 'dark'

export interface NewsTimelineProps extends Omit<YStackProps, 'width' | 'height' | 'colorTheme'> {
  /** News feed filter mode. */
  feedMode?: NewsTimelineFeedMode
  /** Market to display news for, read when `feedMode` is `market`. */
  market?: string
  /** Specific symbol for news, read when `feedMode` is `symbol`. */
  symbol?: string
  width?: string | number
  height?: string | number
  /** The feed's own palette; independent of the surrounding gui theme. */
  colorTheme?: NewsTimelineTheme
  locale?: string
  isTransparent?: boolean
}

Exports