# Access Code Details

## \<AccessCodeDetails /> [(preview)](https://react.seam.co/?path=/docs/components-accesscodedetails--docs)

The access code details component shows the properties, settings, and issues for an access code.

```
<AccessCodeDetails accessCodeId={accessCodeId} />
```

### Size: Mobile

<figure><img src="https://2727122207-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FxnN2A67918om1UthYWsF%2Fuploads%2Fgit-blob-9dad4401c496b0733c808ba26797c47d06e6c95e%2FScreen%20Shot%202023-05-18%20at%2010.01.03%20PM.png?alt=media" alt="" width="375"><figcaption></figcaption></figure>

### Props

| Name                    | Type     | Description                                                                                                       |
| ----------------------- | -------- | ----------------------------------------------------------------------------------------------------------------- |
| accessCodeId\*          | string   | The id for the access code to be displayed.                                                                       |
| disableLockUnlock       | boolean  | Hide the lock/unlock button for devices. Default: `false`.                                                        |
| disableDeleteAccessCode | boolean  | Hide the delete button. Default: `false`.                                                                         |
| onBack                  | function | <p>Optional callback fired when the Back chevron button is clicked.<br><br>Signature: <code>() => void</code></p> |
| className               | string   | Optional class name to add to the rendered component's containing element.                                        |