---
title: "CustomDetailComponent"
generated: true
---
<GenerationInfo sourceFile="packages/admin-ui/src/lib/core/src/providers/custom-detail-component/custom-detail-component-types.ts" sourceLine="14" packageName="@vendure/admin-ui" />

CustomDetailComponents allow any arbitrary Angular components to be embedded in entity detail
pages of the Admin UI.

```ts title="Signature"
interface CustomDetailComponent {
    entity$: Observable<any>;
    detailForm: UntypedFormGroup;
}
```

<div className="members-wrapper">

### entity$

<MemberInfo kind="property" type={`Observable<any>`}   />


### detailForm

<MemberInfo kind="property" type={`UntypedFormGroup`}   />




</div>
