BadgeChipComponent
Component Metadata
Section titled “Component Metadata”Selector: yuv-badge-chip
Standalone: No
Inputs
Section titled “Inputs”Type: Badge
Required: Yes
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: computed<string>(() => \{ const current = this.badge(); const tooltip = this.#translate.instant(current.descriptionKey ?? current.labelKey); return typeof tooltip === 'string' && tooltip.toLocaleLowerCase().startsWith('!missing key:') ? this.#translate.instant(current.labelKey) : tooltip; \})