@labirthermal/react

React wrappers for @labirthermal/webcomponents. The thermal UI and its runtime are initialized in the browser; every React component must be rendered inside LabirthermalProvider.

Usage

Install @labirthermal/react from npm in a React 19 application:

npm install @labirthermal/react

Render a self-contained thermal viewer:

import {
  LabirthermalProvider,
  ThermalFileApp,
} from '@labirthermal/react';

export function ThermalViewer() {
  return (
    <LabirthermalProvider fallback={<p>Loading viewer...</p>}>
      <ThermalFileApp thermal="/thermal/recording.lrc" />
    </LabirthermalProvider>
  );
}

Sections

• LabirthermalProvider initializes the browser runtime and supplies it to the React wrappers.
• Components lists the available wrappers and explains their props.
• Next.js and SSR shows how to load the package without evaluating it during server rendering.

For component behavior and configuration, see the @labirthermal/webcomponents reference.