diff --git a/libs/components/src/toast/toast.component.html b/libs/components/src/toast/toast.component.html index f969a3b4b50..c891693e521 100644 --- a/libs/components/src/toast/toast.component.html +++ b/libs/components/src/toast/toast.component.html @@ -8,7 +8,7 @@
{{ variant() | i18n }} - @if (title(); as title) { + @if (title) {

{{ title }}

} @for (m of messageArray; track m) { diff --git a/libs/components/src/toast/toast.component.ts b/libs/components/src/toast/toast.component.ts index 532d137e904..221e4889c71 100644 --- a/libs/components/src/toast/toast.component.ts +++ b/libs/components/src/toast/toast.component.ts @@ -1,4 +1,4 @@ -import { Component, EventEmitter, Output, input } from "@angular/core"; +import { Component, EventEmitter, Input, Output, input } from "@angular/core"; import { IconButtonModule } from "../icon-button"; import { SharedModule } from "../shared"; @@ -41,7 +41,10 @@ export class ToastComponent { readonly message = input.required(); /** An optional title to display over the message. */ - title = input(); + // TODO: Skipped for migration because: + // This input is used in a control flow expression (e.g. `@if` or `*ngIf`) + // and migrating would break narrowing currently. + @Input() title?: string; /** * The percent width of the progress bar, from 0-100