ChartIframe() — ui Function Reference

Architecture documentation for the ChartIframe() function in chart-iframe.tsx from the ui codebase.

Function tsx Internationalization Dictionary

Entity Profile

Internationalization→ Dictionary→ ChartIframe() — ui Function Reference

Dependency Diagram

graph TD
  9bd46fba_78e2_cb99_d007_b8b31fb69c73["ChartIframe()"]
  2ad6e61e_dd69_d0e4_95ed_da9a0d647178["chart-iframe.tsx"]
  9bd46fba_78e2_cb99_d007_b8b31fb69c73 -->|defined in| 2ad6e61e_dd69_d0e4_95ed_da9a0d647178
  style 9bd46fba_78e2_cb99_d007_b8b31fb69c73 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/components/chart-iframe.tsx lines 7–31

export function ChartIframe({
  src,
  height,
  title,
}: {
  src: string
  height: number
  title: string
}) {
  const [loaded, setLoaded] = React.useState(false)

  return (
    <iframe
      src={src}
      className={cn(
        "w-full border-none transition-opacity duration-300",
        loaded ? "opacity-100" : "opacity-0"
      )}
      height={height}
      loading="lazy"
      title={title}
      onLoad={() => setLoaded(true)}
    />
  )
}