Access Code Table

<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

NameTypeDescription

deviceId*

string

The id for the device whose access codes will be shown in the table.

disableLockUnlock

boolean

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

disableDeleteAccessCode

boolean

Hide the delete action. Default: false

disableSearch

boolean

Hide the search box. Default: false.

accessCodeFilter

function

Optional filter function to filter the listed access codes. Signature: (accessCode: AccessCode, searchInputValue: string) => boolean

accessCodeComparator

function

Optional comparator function to order the listed access codes. Signature: (accessCodeA: AccessCode, accessCodeB: AccessCode) => number

onAccessCodeClick

function

Optional callback fired when an access code is clicked. Signature: (accessCodeId: string) => void

preventDefaultOnAccessCodeClick

boolean

Prevent the default behavior when an access code 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.

Last updated

Logo

Š Seam Labs, Inc. All rights reserved.