add IconOnly parameter to BitActionButton #8740

bitfoundation · Sep 26, 2024 · c5e6b8e · c5e6b8e
1 parent 3443cd2
commit c5e6b8e
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 1 deletion.
diff --git a/src/BlazorUI/Bit.BlazorUI/Components/Buttons/BitActionButton/BitActionButton.razor b/src/BlazorUI/Bit.BlazorUI/Components/Buttons/BitActionButton/BitActionButton.razor
@@ -19,7 +19,7 @@
         {
             <i style="@Styles?.Icon" class="bit-acb-ico bit-icon bit-icon--@IconName @Classes?.Icon" />
         }
-        @if (ChildContent is not null)
+        @if (ChildContent is not null && IconOnly is false)
         {
             <div style="@Styles?.Content" class="bit-acb-con @Classes?.Content">
                 @ChildContent

diff --git a/src/BlazorUI/Bit.BlazorUI/Components/Buttons/BitActionButton/BitActionButton.razor.cs b/src/BlazorUI/Bit.BlazorUI/Components/Buttons/BitActionButton/BitActionButton.razor.cs
@@ -69,6 +69,11 @@ public partial class BitActionButton : BitComponentBase
     /// </summary>
     [Parameter] public string? IconName { get; set; }
 
+    /// <summary>
+    /// Removes the container of the text and only renders the icon.
+    /// </summary>
+    [Parameter] public bool IconOnly { get; set; }
+
     /// <summary>
     /// The callback for the click event of the button.
     /// </summary>

diff --git a/...lient/Bit.BlazorUI.Demo.Client.Core/Pages/Components/Buttons/BitActionButtonDemo.razor.cs b/...lient/Bit.BlazorUI.Demo.Client.Core/Pages/Components/Buttons/BitActionButtonDemo.razor.cs
@@ -81,6 +81,13 @@ public partial class BitActionButtonDemo
             Description = "The icon name of the icon to render inside the button.",
         },
         new()
+        {
+            Name = "IconOnly",
+            Type = "bool",
+            DefaultValue = "null",
+            Description = "Removes the container of the text and only renders the icon.",
+        },
+        new()
         {
             Name = "OnClick",
             Type = "EventCallback<MouseEventArgs>",