From 9172afecef586fa8a204c72ee40cf7882b41e9fd Mon Sep 17 00:00:00 2001
From: Nathan Phillips <Nathan.Phillips@TreQ.tech>
Date: Tue, 3 Dec 2024 12:14:55 +0000
Subject: [PATCH 1/2] Add RenderFragment content to ToastMessage

---
 .../Pages/Toasts/ToastsDocumentation.razor       |  4 ++++
 .../Toasts_Demo_07_Toast_With_Content.razor      | 16 ++++++++++++++++
 .../Components/Toasts/SimpleToast.razor          |  1 +
 blazorbootstrap/Components/Toasts/Toast.razor    |  1 +
 blazorbootstrap/Models/ToastMessage.cs           |  2 ++
 5 files changed, 24 insertions(+)
 create mode 100644 BlazorBootstrap.Demo.RCL/Components/Pages/Toasts/Toasts_Demo_07_Toast_With_Content.razor

diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Toasts/ToastsDocumentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Toasts/ToastsDocumentation.razor
index 894921b87..e7efd933f 100644
--- a/BlazorBootstrap.Demo.RCL/Components/Pages/Toasts/ToastsDocumentation.razor
+++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Toasts/ToastsDocumentation.razor
@@ -28,6 +28,10 @@
     <Demo Type="typeof(Toasts_Demo_02_Toast_Without_Title)" />
 </Section>
 
+<Section Size="HeadingSize.H2" Name="Toast with templated content" PageUrl="@pageUrl" Link="toast-with-content">
+    <Demo Type="typeof(Toasts_Demo_07_Toast_With_Content)" />
+</Section>
+
 <Section Size="HeadingSize.H2" Name="Auto hide" PageUrl="@pageUrl" Link="auto-hide">
     <div>Add <code>AutoHide="true"</code> parameter to hide the Blazor Toasts after the delay. The default delay is 5000 milliseconds, be sure to update the delay timeout so that users have enough time to read the toast.</div>
     <Demo Type="typeof(Toasts_Demo_03_A_Auto_Hide)" />
diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Toasts/Toasts_Demo_07_Toast_With_Content.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Toasts/Toasts_Demo_07_Toast_With_Content.razor
new file mode 100644
index 000000000..4eb9ea011
--- /dev/null
+++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Toasts/Toasts_Demo_07_Toast_With_Content.razor
@@ -0,0 +1,16 @@
+<Toasts class="p-3" Messages="messages" />
+
+<Button Class="btn btn-primary" @onclick="ShowToast">Toast with Content</Button>
+
+@code {
+    List<ToastMessage> messages = [];
+
+    private void ShowToast() =>
+        messages.Add(
+            new ToastMessage
+            {
+                Type = ToastType.Info,
+                Title = "Blazor Bootstrap",
+                Content = @<div>Hello, world! This is a toast message. <button class="btn btn-primary" @onclick="ShowToast">Show more toast</button></div>,
+            });
+}
diff --git a/blazorbootstrap/Components/Toasts/SimpleToast.razor b/blazorbootstrap/Components/Toasts/SimpleToast.razor
index ec0843e9d..a43862409 100644
--- a/blazorbootstrap/Components/Toasts/SimpleToast.razor
+++ b/blazorbootstrap/Components/Toasts/SimpleToast.razor
@@ -6,6 +6,7 @@
         <div class="d-flex">
             <div class="toast-body">
                 @ToastMessage?.Message
+                @ToastMessage?.Content
             </div>
             @if (!AutoHide || ShowCloseButton)
             {
diff --git a/blazorbootstrap/Components/Toasts/Toast.razor b/blazorbootstrap/Components/Toasts/Toast.razor
index 83f4afec7..b35811629 100644
--- a/blazorbootstrap/Components/Toasts/Toast.razor
+++ b/blazorbootstrap/Components/Toasts/Toast.razor
@@ -13,6 +13,7 @@
     </div>
     <div class="toast-body">
         @ToastMessage.Message
+        @ToastMessage.Content
     </div>
     <Progress Height="3">
         <ProgressBar @ref="toastProgressBar" Color="@progressColor" Width="toastProgressBarWidth"/>
diff --git a/blazorbootstrap/Models/ToastMessage.cs b/blazorbootstrap/Models/ToastMessage.cs
index 25482cdf9..316d516c9 100644
--- a/blazorbootstrap/Models/ToastMessage.cs
+++ b/blazorbootstrap/Models/ToastMessage.cs
@@ -102,6 +102,8 @@ public ToastMessage(ToastType type, string customIconName, string title, string
 
     public string? Message { get; set; }
 
+    public RenderFragment? Content { get; set; }
+
     public string? Title { get; set; }
 
     public ToastType Type { get; set; }

From 2fe7c98c83eb9c1af6941d169f7583743d053669 Mon Sep 17 00:00:00 2001
From: Vikram Reddy <gvreddy04@gmail.com>
Date: Tue, 17 Dec 2024 21:59:41 +0530
Subject: [PATCH 2/2] Toasts demo updated.

---
 .../Pages/Toasts/Toasts_Demo_07_Toast_With_Content.razor        | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Toasts/Toasts_Demo_07_Toast_With_Content.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Toasts/Toasts_Demo_07_Toast_With_Content.razor
index 4eb9ea011..5e0c3e1e4 100644
--- a/BlazorBootstrap.Demo.RCL/Components/Pages/Toasts/Toasts_Demo_07_Toast_With_Content.razor
+++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Toasts/Toasts_Demo_07_Toast_With_Content.razor
@@ -11,6 +11,6 @@
             {
                 Type = ToastType.Info,
                 Title = "Blazor Bootstrap",
-                Content = @<div>Hello, world! This is a toast message. <button class="btn btn-primary" @onclick="ShowToast">Show more toast</button></div>,
+                Content = @<div>Hello, world! This is a toast message. <button class="btn btn-sm btn-primary mt-2" @onclick="ShowToast">Show more toast</button></div>,
             });
 }