Components

Thermal imaging does not mean just 'displaying thermal images'. The rendering of images is handled by @labir/core itself. A fully equipped app needs components for settings thermal parameters.

Thermal imaging components in @labir/react-bridge

Components specific to thermal imaging are provided by this package:

• ThermalFile - displays a thermal file
• Histogram - displays a histogram
• ThermalRange - displays adjustable temperature scale

Styling of these component is framework agnostic, using inline CSS.

Hooks for buttons, dropdowns and modals

Standard UI components such as buttons, modals & dropdowns need to be implemented in a particular (S)CSS framework. For this purpose, here are hooks that handles the underlying functionality:

• Inputs controlling IR / VISIBLE ratio: useOpacityInput
• Dropdowns or button lists controlling the palette: useThermalManagerPaletteDrive
• Inputs controlling histogram resolution: useHistogramResolutionInput
• Button for automatic temperature range: useRangeButtonAuto
• Button for reseting temperature range: useRangeButtonFull
• Drop in components: useThermalDropin