Add option to hide close button

Blazored · Jul 19, 2021 · 211a23f · 211a23f
1 parent afb91ae
commit 211a23f
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 12 deletions.
diff --git a/src/Blazored.Toast/BlazoredToast.razor b/src/Blazored.Toast/BlazoredToast.razor
@@ -19,21 +19,24 @@
     <div class="blazored-toast-body">
         <div class="blazored-toast-header">
             <h5 class="blazored-toast-heading">@ToastSettings.Heading</h5>
-            <button class="blazored-toast-close" @onclick=@Close>
-                <i aria-label="icon: close" class="blazored-toast-close-icon">
-                    @if (CloseButtonContent != null)
-                    {
-                        @CloseButtonContent
-                    }
-                    else
-                    {
+            @if (ShowCloseButton)
+            {
+                <button class="blazored-toast-close" @onclick=@Close>
+                    <i aria-label="icon: close" class="blazored-toast-close-icon">
+                        @if (CloseButtonContent != null)
+                        {
+                            @CloseButtonContent
+                        }
+                        else
+                        {
                         <svg viewBox="64 64 896 896" focusable="false" width="1em" height="1em" fill="currentColor" aria-hidden="true">
                             <path d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 0 0 203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z">
                             </path>
                         </svg>
-                    }
-                </i>
-            </button>
+                        }
+                    </i>
+                </button>
+            }
         </div>
         <p class="blazored-toast-message">@ToastSettings.Message</p>
     </div>

diff --git a/src/Blazored.Toast/BlazoredToast.razor.cs b/src/Blazored.Toast/BlazoredToast.razor.cs
@@ -13,6 +13,7 @@ public partial class BlazoredToast : IDisposable
         [Parameter] public ToastSettings ToastSettings { get; set; }
         [Parameter] public int Timeout { get; set; }
         private RenderFragment CloseButtonContent => ToastsContainer.CloseButtonContent;
+        private bool ShowCloseButton => ToastsContainer.ShowCloseButton;
 
         private CountdownTimer _countdownTimer;
         private int _progress = 100;

diff --git a/src/Blazored.Toast/BlazoredToasts.razor.cs b/src/Blazored.Toast/BlazoredToasts.razor.cs
@@ -31,9 +31,10 @@ public partial class BlazoredToasts
         [Parameter] public bool RemoveToastsOnNavigation { get; set; }
         [Parameter] public bool ShowProgressBar { get; set; }
         [Parameter] public RenderFragment CloseButtonContent { get; set; }
+        [Parameter] public bool ShowCloseButton { get; set; } = true;
 
         private string PositionClass { get; set; } = string.Empty;
-        internal List<ToastInstance> ToastList { get; set; } = new List<ToastInstance>();
+        private List<ToastInstance> ToastList { get; set; } = new List<ToastInstance>();
 
         protected override void OnInitialized()
         {