Device Details

<DeviceDetails /> (preview)

The device details component shows the properties, settings, and issues for a device.

<DeviceDetails deviceId={deviceId} />

Different Device Views

The DeviceDetails will display varying views based on the device type.

Door Lock details

The "Lock" detail view displays a button leading to the list of access codes, along with various lock properties.

Thermostat details

The "Thermostat" detail view provides a button to view the list of scheduled climates and buttons to adjust the thermostat settings.

Props

The DeviceDetails component displays the device as identified by the deviceId property. You can customize the component by turning off features like disableLockUnlock for door locks.

NameTypeDescription

deviceId*

string

The id for the device that will be shown in the table.

disableLockUnlock

boolean

Hide the lock/unlock button for devices. Default: false.

onBack

function

Optional callback fired when the Back chevron button is clicked. Signature: () => void

className

string

Optional class name to add to the rendered component's containing element.

Last updated

Logo

Š Seam Labs, Inc. All rights reserved.