jsx-runtime

js/ui/jsx-runtime.ts

fino:ui/jsx-runtime — automatic JSX runtime for fino:ui.

This module is the TypeScript react-jsx compatible entry point for Fino UI components. It delegates every JSX element to h() from fino:ui, so JSX and manual h() calls produce the same host-neutral VNodes.

/** @jsxImportSource fino:ui *\/

export function Label() {
  return <text>Hello</text>;
}

Functions

`function jsx(type: VNodeType, props: (Props & { children?: Child; }) | null, key?: string): VNode`

Create one VNode for TypeScript's automatic JSX transform.

children may be supplied through props by the compiler and is normalized by h().

key, when supplied by the compiler, is copied into props before delegating to h() so reconciliation sees the same key as a manual h() call.

`function jsxs(type: VNodeType, props: (Props & { children?: Child; }) | null, key?: string): VNode`

Create one VNode for JSX elements with multiple static children.

This has the same behavior as jsx(); it exists because TypeScript emits a separate helper when an element contains multiple children.

Use jsxImportSource: "fino:ui" or a file-level @jsxImportSource comment so TypeScript imports this helper automatically.

`function jsxDEV(type: VNodeType, props: (Props & { children?: Child; }) | null, key?: string): VNode`

Development JSX helper.

Fino does not add development-only owner metadata, so this delegates to jsx().

Extra compiler-provided development arguments are intentionally ignored by this runtime surface.