+ /// Browse available names in
+ /// For external icon libraries, use
- @{
- var todayYear = _culture.Calendar.GetYear(DateTime.Now);
- var todayMonth = _culture.Calendar.GetMonth(DateTime.Now);
- var todayDay = _culture.Calendar.GetDayOfMonth(DateTime.Now);
- }
-
@if (DayPickerIsVisible())
{
@@ -334,7 +349,7 @@
class="bit-cal-nbt @Classes?.PrevYearRangeNavButton">
+ class="bit-cal-ico @prevYearRangeNavIconCss @Classes?.PrevYearRangeNavIcon" />
@if (ShowGoToToday)
{
@@ -350,7 +365,7 @@
class="bit-cal-gtb @Classes?.GoToTodayButton">
+ class="bit-cal-ico @goToTodayIconCss @Classes?.GoToTodayIcon" />
}
@@ -424,7 +439,7 @@
class="bit-cal-gtn @Classes?.GoToNowButton">
+ class="bit-cal-ico @goToNowIconCss @Classes?.GoToNowIcon" />
}
@if (ShowTimePickerAsOverlay)
@@ -436,7 +451,9 @@
aria-disabled="@(IsEnabled is false)"
style="@Styles?.HideTimePickerButton"
class="bit-cal-nbt @Classes?.HideTimePickerButton">
-
+
}
@@ -451,7 +468,9 @@
aria-disabled="@(IsEnabled is false)"
style="@Styles?.TimePickerIncreaseHourButton"
class="bit-cal-tbt @Classes?.TimePickerIncreaseHourButton">
-
+
-
+
@@ -63,7 +78,7 @@
aria-disabled="@prevDisabled">
+ class="bit-cal-ico @prevMonthNavIconCss @Classes?.PrevMonthNavIcon" />
@if (ShowGoToToday && (ShowMonthPickerAsOverlay || ShowMonthPicker is false))
{
@@ -78,7 +93,7 @@
class="bit-cal-gtb @Classes?.GoToTodayButton">
+ class="bit-cal-ico @goToTodayIconCss @Classes?.GoToTodayIcon" />
}
@if (ShowTimePicker && ShowTimePickerAsOverlay && (ShowMonthPicker is false || ShowMonthPickerAsOverlay))
{
@@ -107,7 +122,7 @@
class="bit-cal-nbt @Classes?.ShowTimePickerButton">
+ class="bit-cal-ico @showTimePickerIconCss @Classes?.ShowTimePickerIcon" />
}
@@ -218,7 +233,7 @@
class="bit-cal-nbt @Classes?.PrevYearNavButton">
+ class="bit-cal-ico @prevYearNavIconCss @Classes?.PrevYearNavIcon" />
@if (ShowGoToToday)
{
@@ -234,7 +249,7 @@
class="bit-cal-gtb @Classes?.GoToTodayButton">
+ class="bit-cal-ico @goToTodayIconCss @Classes?.GoToTodayIcon" />
}
@if (ShowTimePickerAsOverlay && ShowTimePicker)
{
@@ -264,7 +279,7 @@
class="bit-cal-nbt @Classes?.ShowTimePickerButton">
+ class="bit-cal-ico @showTimePickerIconCss @Classes?.ShowTimePickerIcon" />
}
:
@@ -488,7 +509,9 @@
aria-disabled="@(IsEnabled is false)"
style="@Styles?.TimePickerIncreaseMinuteButton"
class="bit-cal-tbt @Classes?.TimePickerIncreaseMinuteButton">
-
+
-
+
diff --git a/src/BlazorUI/Bit.BlazorUI/Components/Inputs/Calendar/BitCalendar.razor.cs b/src/BlazorUI/Bit.BlazorUI/Components/Inputs/Calendar/BitCalendar.razor.cs
index adec01d13d..031b349f59 100644
--- a/src/BlazorUI/Bit.BlazorUI/Components/Inputs/Calendar/BitCalendar.razor.cs
+++ b/src/BlazorUI/Bit.BlazorUI/Components/Inputs/Calendar/BitCalendar.razor.cs
@@ -136,6 +136,22 @@ private int _minuteView
///
+ class="bit-chb-ico @icon?.GetCssClasses() @Classes?.Icon" />
@if (LabelTemplate is not null)
diff --git a/src/BlazorUI/Bit.BlazorUI/Components/Inputs/Checkbox/BitCheckbox.razor.cs b/src/BlazorUI/Bit.BlazorUI/Components/Inputs/Checkbox/BitCheckbox.razor.cs
index b600029bf2..50219ce385 100644
--- a/src/BlazorUI/Bit.BlazorUI/Components/Inputs/Checkbox/BitCheckbox.razor.cs
+++ b/src/BlazorUI/Bit.BlazorUI/Components/Inputs/Checkbox/BitCheckbox.razor.cs
@@ -1,4 +1,4 @@
-using System.Diagnostics.CodeAnalysis;
+using System.Diagnostics.CodeAnalysis;
namespace Bit.BlazorUI;
@@ -36,12 +36,27 @@ public partial class BitCheckbox : BitInputBase
+ class="bit-chg-ico @icon.GetCssClasses() @ChoiceGroup.Classes?.ItemIcon" />
}
- @if (imageSrc.HasValue() || iconName.HasValue())
+ @if (imageSrc.HasValue() || icon is not null)
{
@ChoiceGroup.GetText(Item)
diff --git a/src/BlazorUI/Bit.BlazorUI/Components/Inputs/CircularTimePicker/BitCircularTimePicker.razor b/src/BlazorUI/Bit.BlazorUI/Components/Inputs/CircularTimePicker/BitCircularTimePicker.razor
index 4ae15410e3..f8496d2132 100644
--- a/src/BlazorUI/Bit.BlazorUI/Components/Inputs/CircularTimePicker/BitCircularTimePicker.razor
+++ b/src/BlazorUI/Bit.BlazorUI/Components/Inputs/CircularTimePicker/BitCircularTimePicker.razor
@@ -1,4 +1,4 @@
-@namespace Bit.BlazorUI
+@namespace Bit.BlazorUI
@inherits BitInputBase
+ var icon = BitIconInfo.From(Icon, IconName ?? "Clock");
+
}
@@ -183,13 +184,14 @@
@if (ShowCloseButton && Standalone is false)
{
+ var closeButtonIcon = BitIconInfo.From(CloseButtonIcon, CloseButtonIconName ?? "Cancel");
}
diff --git a/src/BlazorUI/Bit.BlazorUI/Components/Inputs/CircularTimePicker/BitCircularTimePicker.razor.cs b/src/BlazorUI/Bit.BlazorUI/Components/Inputs/CircularTimePicker/BitCircularTimePicker.razor.cs
index 345f455392..34fd5b04ff 100644
--- a/src/BlazorUI/Bit.BlazorUI/Components/Inputs/CircularTimePicker/BitCircularTimePicker.razor.cs
+++ b/src/BlazorUI/Bit.BlazorUI/Components/Inputs/CircularTimePicker/BitCircularTimePicker.razor.cs
@@ -1,4 +1,4 @@
-using System.Text;
+using System.Text;
using System.Globalization;
using System.Diagnostics.CodeAnalysis;
@@ -54,6 +54,24 @@ public partial class BitCircularTimePicker : BitInputBase
@@ -149,7 +173,7 @@
aria-disabled="@prevDisabled">
+ class="bit-dtp-cic @prevMonthNavIconCss @Classes?.PrevMonthNavIcon" />
@if (ShowGoToToday && (_showMonthPickerAsOverlayInternal || (ShowTimePicker && _showTimePickerAsOverlayInternal is false)))
{
@@ -164,7 +188,7 @@
aria-disabled="@goToTodayDisabled">
+ class="bit-dtp-cic @goToTodayIconCss @Classes?.GoToTodayIcon" />
}
@if (ShowCloseButton && Standalone is false)
{
@@ -188,7 +212,7 @@
aria-label="@CloseDatePickerTitle">
+ class="bit-dtp-cic @closeButtonIconCss @Classes?.CloseButtonIcon" />
}
@if (_showMonthPickerAsOverlayInternal && _showTimePickerAsOverlayInternal && ShowTimePicker)
@@ -206,7 +230,7 @@
class="bit-dtp-nbt @Classes?.ShowTimePickerButton">
+ class="bit-dtp-cic @showTimePickerIconCss @Classes?.ShowTimePickerIcon" />
}
@@ -320,7 +344,7 @@
class="bit-dtp-nbt @Classes?.PrevYearNavButton">
+ class="bit-dtp-cic @prevYearNavIconCss @Classes?.PrevYearNavIcon" />
@if (ShowGoToToday)
{
@@ -336,7 +360,7 @@
class="bit-dtp-gtb @Classes?.GoToTodayButton">
+ class="bit-dtp-cic @goToTodayIconCss @Classes?.GoToTodayIcon" />
}
@if (_showTimePickerAsOverlayInternal && ShowTimePicker)
{
@@ -366,7 +390,7 @@
class="bit-dtp-nbt @Classes?.ShowTimePickerButton">
+ class="bit-dtp-cic @showTimePickerIconCss @Classes?.ShowTimePickerIcon" />
}
:
@@ -593,7 +623,9 @@
aria-disabled="@(IsEnabled is false)"
style="@Styles?.TimePickerIncreaseMinuteButton"
class="bit-dtp-tbt @Classes?.TimePickerIncreaseMinuteButton">
-
+
-
+
diff --git a/src/BlazorUI/Bit.BlazorUI/Components/Inputs/DatePicker/BitDatePicker.razor.cs b/src/BlazorUI/Bit.BlazorUI/Components/Inputs/DatePicker/BitDatePicker.razor.cs
index 186d313710..adf9eec359 100644
--- a/src/BlazorUI/Bit.BlazorUI/Components/Inputs/DatePicker/BitDatePicker.razor.cs
+++ b/src/BlazorUI/Bit.BlazorUI/Components/Inputs/DatePicker/BitDatePicker.razor.cs
@@ -134,6 +134,33 @@ private int _minuteView
/// :
@@ -586,7 +619,9 @@
class="bit-dtrp-tbt @Classes?.StartTimeIncreaseMinuteButton"
disabled="@startTimeIncreaseMinuteDisabled"
aria-disabled="@startTimeIncreaseMinuteDisabled">
-
+
-
+
@@ -652,7 +689,9 @@
class="bit-dtrp-tbt @Classes?.EndTimeIncreaseHourButton"
disabled="@endTimeIncreaseHourDisabled"
aria-disabled="@endTimeIncreaseHourDisabled">
-
+
-
+
:
@@ -689,7 +730,9 @@
class="bit-dtrp-tbt @Classes?.EndTimeIncreaseMinuteButton"
disabled="@endTimeIncreaseMinuteDisabled"
aria-disabled="@endTimeIncreaseMinuteDisabled">
-
+
-
+
diff --git a/src/BlazorUI/Bit.BlazorUI/Components/Inputs/DateRangePicker/BitDateRangePicker.razor.cs b/src/BlazorUI/Bit.BlazorUI/Components/Inputs/DateRangePicker/BitDateRangePicker.razor.cs
index 2ecdd960d9..362cc455fc 100644
--- a/src/BlazorUI/Bit.BlazorUI/Components/Inputs/DateRangePicker/BitDateRangePicker.razor.cs
+++ b/src/BlazorUI/Bit.BlazorUI/Components/Inputs/DateRangePicker/BitDateRangePicker.razor.cs
@@ -201,6 +201,28 @@ private int _endTimeMinuteView
/// + /// Browse available names in
+ /// For external icon libraries, use
+
@if (ShowRemoveButton)
{
-
-
+
@file.Message
}
:
@@ -122,7 +131,7 @@
style="@Styles?.IncreaseMinuteButton"
class="bit-tpc-tbt @Classes?.IncreaseMinuteButton"
disabled="@(IsEnabled is false)">
-
+
-
+
@@ -178,7 +187,7 @@
class="bit-tpc-tbt bit-tpc-cbn @Classes?.CloseButton"
title="@CloseButtonTitle"
aria-label="@CloseButtonTitle">
-
+
}
diff --git a/src/BlazorUI/Bit.BlazorUI/Components/Inputs/TimePicker/BitTimePicker.razor.cs b/src/BlazorUI/Bit.BlazorUI/Components/Inputs/TimePicker/BitTimePicker.razor.cs
index 502ff2fc7a..1fca701c90 100644
--- a/src/BlazorUI/Bit.BlazorUI/Components/Inputs/TimePicker/BitTimePicker.razor.cs
+++ b/src/BlazorUI/Bit.BlazorUI/Components/Inputs/TimePicker/BitTimePicker.razor.cs
@@ -1,4 +1,4 @@
-using System.Globalization;
+using System.Globalization;
using System.Diagnostics.CodeAnalysis;
namespace Bit.BlazorUI;
@@ -115,6 +115,17 @@ private string? _minuteView
///
[Parameter] public BitTimePickerClassStyles? Classes { get; set; }
+ /// + /// Browse available names in
+ /// The value is case-sensitive and must match a valid icon identifier. + /// If not set or set to
+ /// For external icon libraries, use
+ class="@goLeftIcon?.GetCssClasses() @Classes?.GoLeftButtonIcon" />
+ class="@goRightIcon?.GetCssClasses() @Classes?.GoRightButtonIcon" />
}
diff --git a/src/BlazorUI/Bit.BlazorUI/Components/Lists/Carousel/BitCarousel.razor.cs b/src/BlazorUI/Bit.BlazorUI/Components/Lists/Carousel/BitCarousel.razor.cs
index 08d5bc260d..f68593940a 100644
--- a/src/BlazorUI/Bit.BlazorUI/Components/Lists/Carousel/BitCarousel.razor.cs
+++ b/src/BlazorUI/Bit.BlazorUI/Components/Lists/Carousel/BitCarousel.razor.cs
@@ -1,4 +1,4 @@
-namespace Bit.BlazorUI;
+namespace Bit.BlazorUI;
/// + /// For external icon libraries, use
+ /// For external icon libraries, use
- @if (iconName.HasValue())
+ @if (icon is not null)
{
-
+
}
}
diff --git a/src/BlazorUI/Bit.BlazorUI/Components/Lists/Timeline/BitTimeline.razor.cs b/src/BlazorUI/Bit.BlazorUI/Components/Lists/Timeline/BitTimeline.razor.cs
index f099106d8d..ff759181b9 100644
--- a/src/BlazorUI/Bit.BlazorUI/Components/Lists/Timeline/BitTimeline.razor.cs
+++ b/src/BlazorUI/Bit.BlazorUI/Components/Lists/Timeline/BitTimeline.razor.cs
@@ -265,6 +265,30 @@ private async Task HandleOnItemClick(TItem item)
return item.GetValueFromProperty
@if (Nav.NoCollapse is false)
{
-
+
}
@text
@@ -82,7 +83,7 @@
@if (Nav.NoCollapse is false)
{
-
+
}
@text
@@ -144,7 +145,7 @@
class="bit-nav-cbt @Nav.Classes?.ToggleButton"
aria-expanded="@(isExpanded ? "true" : "false")"
aria-label="@(isExpanded ? colAriaLabel : expAriaLabel)">
-
+
}
+
}
@text
}
diff --git a/src/BlazorUI/Bit.BlazorUI/Components/Navs/NavBar/BitNavBar.razor b/src/BlazorUI/Bit.BlazorUI/Components/Navs/NavBar/BitNavBar.razor
index 5eee9d83fa..68aac3dd4a 100644
--- a/src/BlazorUI/Bit.BlazorUI/Components/Navs/NavBar/BitNavBar.razor
+++ b/src/BlazorUI/Bit.BlazorUI/Components/Navs/NavBar/BitNavBar.razor
@@ -1,4 +1,4 @@
-@namespace Bit.BlazorUI
+@namespace Bit.BlazorUI
@inherits BitComponentBase
@typeparam TItem
@@ -41,7 +41,16 @@
}
else
{
-
+ var icon = GetIcon(item);
+ var iconName = GetIconName(item);
+
+ icon = BitIconInfo.From(icon, iconName);
+
+ @if (icon is not null)
+ {
+
+ }
+
@if (IconOnly is false)
{
@GetText(item)
diff --git a/src/BlazorUI/Bit.BlazorUI/Components/Navs/NavBar/BitNavBar.razor.cs b/src/BlazorUI/Bit.BlazorUI/Components/Navs/NavBar/BitNavBar.razor.cs
index 4953681af4..ad7742ec35 100644
--- a/src/BlazorUI/Bit.BlazorUI/Components/Navs/NavBar/BitNavBar.razor.cs
+++ b/src/BlazorUI/Bit.BlazorUI/Components/Navs/NavBar/BitNavBar.razor.cs
@@ -80,7 +80,7 @@ public partial class BitNavBar+ /// For external icon libraries, use
+ /// For external icon libraries, use
@if (ShowFirstButton)
{
+ var firstIcon = BitIconInfo.From(FirstButtonIcon, FirstButtonIconName ?? "ChevronRightEnd6 bit-pgn-trs");
}
@if (ShowPreviousButton)
{
+ var previousIcon = BitIconInfo.From(PreviousButtonIcon, PreviousButtonIconName ?? "ChevronRight bit-pgn-trs");
}
@@ -59,23 +61,25 @@
@if (ShowNextButton)
{
+ var nextIcon = BitIconInfo.From(NextButtonIcon, NextButtonIconName ?? "ChevronRight bit-pgn-tre");
}
@if (ShowLastButton)
{
+ var lastIcon = BitIconInfo.From(LastButtonIcon, LastButtonIconName ?? "ChevronRightEnd6 bit-pgn-tre");
}
\ No newline at end of file
diff --git a/src/BlazorUI/Bit.BlazorUI/Components/Navs/Pagination/BitPagination.razor.cs b/src/BlazorUI/Bit.BlazorUI/Components/Navs/Pagination/BitPagination.razor.cs
index c0dab66469..b11dd4ebab 100644
--- a/src/BlazorUI/Bit.BlazorUI/Components/Navs/Pagination/BitPagination.razor.cs
+++ b/src/BlazorUI/Bit.BlazorUI/Components/Navs/Pagination/BitPagination.razor.cs
@@ -1,4 +1,4 @@
-using System.Text;
+using System.Text;
namespace Bit.BlazorUI;
@@ -44,14 +44,28 @@ public partial class BitPagination : BitComponentBase
[Parameter] public int DefaultSelectedPage { get; set; }
/// + /// Browse available names in
+ /// For external icon libraries, use
+ /// Browse available names in
+ /// For external icon libraries, use
+ /// Browse available names in
+ /// For external icon libraries, use
+ /// Browse available names in
+ /// For external icon libraries, use
+ /// Browse available names in
+ /// If unset, the icon will be selected automatically based on
+ /// For external icon libraries, use