Ask or search…
K
Links
Comment on page

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

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