BadgeChipComponent
Component Metadata
Section titled “Component Metadata”Selector: yuv-badge-chip
Standalone: No
Inputs
Section titled “Inputs”Type: Badge
Required: Yes
dmsObject
Section titled “dmsObject”Type: DmsObject | undefined
The object the badge is shown for. Required to resolve Badge.descriptionParams (e.g. the name of the user holding a lock); without it the description renders as-is.
showLabel
Section titled “showLabel”Type: boolean
Default Value: false
Properties
Section titled “Properties”ariaLabel
Section titled “ariaLabel”Type: unknown
Default Value: computed<string | null>(() => this.showLabel() ? null : this.#translate.instant(this.badge().labelKey) )
Accessible name for the icon-only variant. Without a label the chip renders nothing but an inert icon, so assistive technology has no name to announce — the tooltip is a description, not a name, and it is mouse-only anyway. When the label is visible it already names the chip, so no override is set.
tooltip
Section titled “tooltip”Type: unknown
Default Value: toSignal( combineLatest([toObservable(this.badge), toObservable(this.dmsObject)]).pipe( switchMap(([badge, dmsObject]) => this.#resolveParams(badge, dmsObject).pipe(map((params) => this.#translateTooltip(badge, params))) ) ), \{ initialValue: '' \} )
Translated tooltip. Uses descriptionKey (interpolated with the badge’s resolved descriptionParams) and falls back to labelKey when no description is available. While async params are pending, the description is shown without them.