Links

React Components

2 mins

<SeamProvider/>

The SeamProvider component accepts a clientSessionToken that enables descendants of the SeamProvider to use the Seam API. A Client Session Token allows a device owner to make API requests to Seam where interactions are restricted only to devices they own. To enable your users to interact with their devices, you'll need to create a client session and pass its token to the <SeamProvider /> .
See this guide for instructions on how to create a client session token.
<SeamProvider clientSessionToken={clientSessionToken}>
<DeviceTable />
</SeamProvider>

Props

Name
Type
Description
clientSessionToken*
string
A Client Session Token allows a device owner to make API requests to Seam where interactions are restricted only to devices they own.

<DeviceTable /> (preview)

The devices table shows a list of devices and their statuses.
<DeviceTable />

Size: Desktop

Size: Modal

Props

Name
Type
Description
onBack
function
Optional callback fired when the Back chevron button is clicked. Signature: () => void

<DeviceDetails /> (preview)

The device details component shows the properties, settings, and issues for a device.
<DeviceDetails deviceId={deviceId} />

Size: Modal

Props

Name
Type
Description
deviceId*
string
The id for the device that will be shown in the table.
onBack
function
Optional callback fired when the Back chevron button is clicked. Signature: () => void

<AccessCodeTable /> (preview)

The access codes table shows a list of current and future access codes and their statuses.
<AccessCodeTable deviceId={deviceId} />

Size: Mobile

Size: Desktop

Props

Name
Type
Description
deviceId*
string
The id for the device whose access codes will be shown in the table.
onBack
function
Optional callback fired when the Back chevron button is clicked. Signature: () => void

<AccessCodeDetails /> (preview)

The access code details component shows the properties, settings, and issues for an access code.
<AccessCodeDetails accessCodeId={accessCodeId} />

Size: Mobile

Props

Name
Type
Description
accessCodeId*
string
The id for the access code to be displayed.
onBack
function
true

<SupportedDeviceTable /> (preview)

The supported device table allows you to filter, sort, and view all the devices compatible with Seam. You can use this table to indicate what devices are supported by your platform.
<SupportedDeviceTable />

Props

Name
Type
Description
cannotFilter
boolean
Hide the controls to filter the table. Default: false
© Seam Labs, Inc. All rights reserved.