Stock Screener

import { StockScreener } from '@hanzo/ui'

export function Default() {
  return <StockScreener market="america" colorTheme="dark" />
}

export function LightAndShort() {
  return <StockScreener colorTheme="light" height={360} rounded="$3" />
}

export function TopGainers() {
  return <StockScreener defaultScreen="top_gainers" defaultColumn="performance" />
}

export function Stacked() {
  return (
    <YStack gap="$4">
      <StockScreener market="america" height={320} />
      <StockScreener market="india" height={320} />
    </YStack>
  )
}

Types

export type StockScreenerMarket = 'america' | (string & {})

export type StockScreenerColumn =
  | 'overview'
  | 'performance'
  | 'oscillators'
  | 'moving_averages'

export type StockScreenerScreen =
  | 'general'
  | 'top_gainers'
  | 'top_losers'
  | 'most_volatile'
  | (string & {})

export type StockScreenerTheme = 'light' | 'dark'

export interface StockScreenerProps extends Omit<YStackProps, 'width' | 'height' | 'theme'> {
  /** Which market the table screens. */
  market?: StockScreenerMarket
  /** Which column set the table opens on. */
  defaultColumn?: StockScreenerColumn
  /** Which preset screen the table opens filtered to. */
  defaultScreen?: StockScreenerScreen
  /** Whether the toolbar (screen picker, column picker) is shown. */
  showToolbar?: boolean
  /** The table's own palette; independent of the surrounding gui theme. */
  colorTheme?: StockScreenerTheme
  isTransparent?: boolean
  locale?: string
  width?: string | number
  height?: string | number
}

Exports