Skip to main content

SupportedDevicesCatalogList

SupportedDevicesCatalogList renders the richer SDK device catalog as cards with artwork, manufacturer, measurement types, image credits, and an optional manual link.

Import it from @ovok/native/ui.

import { SupportedDevicesCatalogList } from "@ovok/native/ui";

<SupportedDevicesCatalogList
onSelect={(device) => {
if (device.acceptedDevices.length > 0) {
chooseAcceptedDevices(device.acceptedDevices);
}
}}
/>;

By default the component reads SUPPORTED_DEVICES. Each SupportedDeviceDefinition includes an ID, display metadata, declared measurement types, optional manual URL, and an acceptedDevices array. Some catalog entries have no SDK device declaration. Treat an empty array as display-only and do not pass it as a supported Bluetooth connection.

Props​

PropPurpose
devicesOptional catalog subset; defaults to SUPPORTED_DEVICES.
onSelectCalled with the selected catalog definition. It does not pair or connect.
renderPhoto, renderCreditReplace the default image or attribution content.
renderMeasurementTypesReplace the default measurement summary.
renderManualReplace the default manual action for entries that have a manual URL.
renderPairingTipsReplace the default pairing guidance.
labelForMeasurementTypeConvert a measurement type key to app-facing copy.
theme, slotsApply the shared UI theme or replace its Button, Card, and Text primitives.
testIDSet the list identifier and per-device card IDs.

Use the selected definition's acceptedDevices to configure BTProvider and keep that provider list stable. For the older static catalog display, see SupportedDeviceList.

See supported-device definitions and the Bluetooth guide.