Skip to content

ObjectDetailsHeaderComponent

component

Component showing header data for a dms object. These will be generated from the object config for the given object.

You could inject a set of actions into the headers actions slot by adding them to the components body:

Example :

<yuv-object-details-header [dmsObject]="obj">
<ng-template #yuvHeaderActions>...</ng-template>
</yuv-object-details-header>

Selector: yuv-object-details-header

Standalone: No

Type: TemplateRef<unknown> | undefined

Default Value: undefined

Template rendered in the actions area, aligned to the right of the title row.

Type: TemplateRef<unknown>

Template rendered in the badges area, aligned to the right of the subtitle row.

Type: string | undefined

Default Value: undefined

Bucket of the object config to retrieve header data from

Type: DmsObject | undefined

Default Value: undefined

Type: VirtualObjectType

Required: Yes

Virtual object type to use for retrieving header data

Type: unknown

Default Value: computed<HeaderData | undefined>(() => \{ const object = this.dmsObject(); const type = this.type(); return object && type ? this.#setHeaderData() : undefined; \})