Skip to main content

<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*stringThe id for the device whose access codes will be shown in the table.
disableLockUnlockbooleanHide the lock/unlock button for devices. Default: false.
disableDeleteAccessCodebooleanHide the delete action. Default: false
disableSearchbooleanHide the search box. Default: false.
accessCodeFilterfunctionOptional filter function to filter the listed access codes.

Signature:(accessCode: AccessCode, searchInputValue: string) => boolean
accessCodeComparatorfunctionOptional comparator function to order the listed access codes.

Signature:(accessCodeA: AccessCode, accessCodeB: AccessCode) => number
onAccessCodeClickfunctionOptional callback fired when an access code is clicked.

Signature: (accessCodeId: string) => void
preventDefaultOnAccessCodeClickbooleanPrevent the default behavior when an access code is clicked. Default: false
onBackfunctionOptional callback fired when the Back chevron button is clicked.

Signature: () => void
classNamestringOptional class name to add to the rendered component’s containing element.