Crypto Screener

import { CryptoScreener } from '@hanzo/ui'

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

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

export function Column() {
  return <CryptoScreener defaultColumn="performance" />
}

export function Sized() {
  return (
    <YStack width={360}>
      <CryptoScreener width={360} height={400} colorTheme="light" />
    </YStack>
  )
}

Types

export type CryptoScreenerMarket = 'crypto' | (string & {})

export type CryptoScreenerColumn =
  | 'overview'
  | 'performance'
  | 'oscillators'
  | 'moving_averages'
  | 'valuation'

export type CryptoScreenerTheme = 'light' | 'dark'

export interface CryptoScreenerProps extends Omit<YStackProps, 'width' | 'height' | 'theme'> {
  /** Which market the table screens. */
  market?: CryptoScreenerMarket
  /** Which column set the table opens on. */
  defaultColumn?: CryptoScreenerColumn
  /** The currency prices and volumes are shown in. */
  displayCurrency?: string
  /** The table's own palette; independent of the surrounding gui theme. */
  colorTheme?: CryptoScreenerTheme
  isTransparent?: boolean
  locale?: string
  width?: string | number
  height?: string | number
}

Exports