> ## Documentation Index
> Fetch the complete documentation index at: https://docs.seam.co/llms.txt
> Use this file to discover all available pages before exploring further.

# Access Code Details

> Display the properties, settings, and issues for an access code in your app with Seam's React Access Code Details component.

## \<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

### 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.                                            |