diff --git a/examples/Demo/FluentUI.Demo.Client/Documentation/GetStarted/Migration/MigrationFluentMessageBar.md b/examples/Demo/FluentUI.Demo.Client/Documentation/GetStarted/Migration/MigrationFluentMessageBar.md index b3af64a9a9..aedd821093 100644 --- a/examples/Demo/FluentUI.Demo.Client/Documentation/GetStarted/Migration/MigrationFluentMessageBar.md +++ b/examples/Demo/FluentUI.Demo.Client/Documentation/GetStarted/Migration/MigrationFluentMessageBar.md @@ -9,10 +9,15 @@ hidden: true ### Renamed properties 🔃 The `FadeIn` property has been renamed to `Animation`. - + ### Removed properties💥 The `IconColor` property has been removed. Use `Icon.WithColor()` method instead. The `Intent.Custom` property has been removed. Don't use the `Intent` property and set `Icon` and `ChildContent` instead to customize the message bar. The `Type` property has been removed. Use the `Layout` property instead to choose the position of the actions and to display the `TimeStamp`. + +### Changed properties ⚠️ + + The `Title` property is a string and cannot contain markup anymore. Use the `ChildContent` property to customize the title content. + Example: `Customized title` diff --git a/src/Core/Components/MessageBar/FluentMessageBar.razor b/src/Core/Components/MessageBar/FluentMessageBar.razor index 543ee953f8..b322ef2f0b 100644 --- a/src/Core/Components/MessageBar/FluentMessageBar.razor +++ b/src/Core/Components/MessageBar/FluentMessageBar.razor @@ -19,7 +19,7 @@ @if (!string.IsNullOrEmpty(Title)) { - @((MarkupString)Title) + @Title } diff --git a/src/Core/Components/MessageBar/FluentMessageBar.razor.cs b/src/Core/Components/MessageBar/FluentMessageBar.razor.cs index 863ef26ed7..4a805395fc 100644 --- a/src/Core/Components/MessageBar/FluentMessageBar.razor.cs +++ b/src/Core/Components/MessageBar/FluentMessageBar.razor.cs @@ -70,6 +70,8 @@ public FluentMessageBar(LibraryConfiguration configuration) : base(configuration /// /// Gets or sets the most important info to be shown in the message bar. + /// You cannot format this string using HTML tags (bold, italic, etc.). + /// If you need to format the content, use the parameter. /// [Parameter] public string? Title { get; set; }