Ask or search…
K
Links
Comment on page

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.
Name
Type
Description
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.