Device Table

Show a list of devices and their statuses in your app with Seam’s React Device Table component, filterable by device or connected account.

<DeviceTable /> (preview)

The devices table shows a list of devices and their statuses.

<SeamProvider clientSessionToken={clientSessionToken}>
    <DeviceTable />
</SeamProvider

Responsive Views

Size: Desktop

Size: Modal

Props

Name	Type	Description
deviceIds	array	Optional list of specific device ids to return when requesting devices from the Seam API.
connectedAccountIds	array	Optional list of connected account ids to filter devices by when requesting devices from the Seam API.
disableLockUnlock	boolean	Hide the lock/unlock button for devices. Default: false.
disableSearch	boolean	Hide the search box. Default: false.
deviceFilter	function	Optional filter function to filter the listed devices. Signature: (device: Device, searchInputValue: string) => boolean
deviceComparator	function	Optional comparator function to order the listed devices. Signature: (deviceA: Device, deviceB: Device) => number
onDeviceClick	function	Optional callback fired when a device is clicked. Signature: (deviceId: string) => void
preventDefaultOnDeviceClick	boolean	Prevent the default behavior when a device is clicked. 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.