diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Docs/Icons/Icon_Doc_01_Documentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Docs/Icons/Icon_Doc_01_Documentation.razor index fdc8adc54..35d687578 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Docs/Icons/Icon_Doc_01_Documentation.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Docs/Icons/Icon_Doc_01_Documentation.razor @@ -14,10 +14,22 @@ @metaTitle -
+
+
+ +
+ +
+ +
+ +
+ +
+ @code { private const string componentName = nameof(Icon); private const string pageUrl = DemoRouteConstants.Docs_URL_Icons; diff --git a/blazorbootstrap/Components/Icon/Icon.razor.cs b/blazorbootstrap/Components/Icon/Icon.razor.cs index 98e095140..47a59230a 100644 --- a/blazorbootstrap/Components/Icon/Icon.razor.cs +++ b/blazorbootstrap/Components/Icon/Icon.razor.cs @@ -14,38 +14,50 @@ public partial class Icon : BlazorBootstrapComponentBase /// /// Gets or sets the icon color. - /// - /// + /// /// Default value is . - /// + /// + /// + [AddedVersion("1.9.0")] + [DefaultValue(IconColor.None)] + [Description("Gets or sets the icon color.")] [Parameter] public IconColor Color { get; set; } = IconColor.None; /// /// Gets or sets the custom icon name. /// Specify custom icons of your own, like `fontawesome`. Example: `fas fa-alarm-clock`. + /// + /// Default value is . + /// /// - /// - /// Default value is null. - /// + [AddedVersion("1.0.0")] + [DefaultValue(null)] + [Description("Gets or sets the custom icon name. Specify custom icons of your own, like `fontawesome`. Example: `fas fa-alarm-clock`.")] [Parameter] public string? CustomIconName { get; set; } /// /// Gets or sets the icon name. - /// - /// + /// /// Default value is . - /// + /// + /// + [AddedVersion("1.0.0")] + [DefaultValue(IconName.None)] + [Description("Gets or sets the icon name.")] [Parameter] public IconName Name { get; set; } = IconName.None; /// /// Gets or sets the icon size. - /// - /// + /// /// Default value is . - /// + /// + /// + [AddedVersion("1.0.0")] + [DefaultValue(IconSize.None)] + [Description("Gets or sets the icon size.")] [Parameter] public IconSize Size { get; set; } = IconSize.None; diff --git a/blazorbootstrap/Enums/Color/IconColor.cs b/blazorbootstrap/Enums/Color/IconColor.cs index ad9c56509..0d118531f 100644 --- a/blazorbootstrap/Enums/Color/IconColor.cs +++ b/blazorbootstrap/Enums/Color/IconColor.cs @@ -2,16 +2,87 @@ public enum IconColor { + /// + /// Indicates no color is applied. Default color is inherited from parent element. + /// + [AddedVersion("1.9.0")] + [Description("Indicates no color is applied. Default color is inherited from parent element.")] None, + + /// + /// Indicates the icon should use the primary color. + /// + [AddedVersion("1.9.0")] + [Description("Indicates the icon should use the primary color.")] Primary, + + /// + /// Indicates the icon should use the secondary color. + /// + [AddedVersion("1.9.0")] + [Description("Indicates the icon should use the secondary color.")] Secondary, + + /// + /// Indicates the icon should use the success color. + /// + [AddedVersion("1.9.0")] + [Description("Indicates the icon should use the success color.")] Success, + + /// + /// Indicates the icon should use the danger color. + /// + [AddedVersion("1.9.0")] + [Description("Indicates the icon should use the danger color.")] Danger, + + /// + /// Indicates the icon should use the warning color. + /// + [AddedVersion("1.9.0")] + [Description("Indicates the icon should use the warning color.")] Warning, + + /// + /// Indicates the icon should use the info color. + /// + [AddedVersion("1.9.0")] + [Description("Indicates the icon should use the info color.")] Info, + + /// + /// Indicates the icon should use the light color. + /// + [AddedVersion("1.9.0")] + [Description("Indicates the icon should use the light color.")] Light, + + /// + /// Indicates the icon should use the dark color. + /// + [AddedVersion("1.9.0")] + [Description("Indicates the icon should use the dark color.")] Dark, + + /// + /// Indicates the icon should use the body color. + /// + [AddedVersion("1.9.0")] + [Description("Indicates the icon should use the body color.")] Body, + + /// + /// Indicates the icon should use the muted color. + /// + [AddedVersion("1.9.0")] + [Description("Indicates the icon should use the muted color.")] Muted, + + /// + /// Indicates the icon should use the white color. + /// + [AddedVersion("1.9.0")] + [Description("Indicates the icon should use the white color.")] White } diff --git a/blazorbootstrap/Enums/IconSize.cs b/blazorbootstrap/Enums/IconSize.cs index 8383595f8..09107c291 100644 --- a/blazorbootstrap/Enums/IconSize.cs +++ b/blazorbootstrap/Enums/IconSize.cs @@ -5,35 +5,49 @@ public enum IconSize /// /// The default icon size. /// + [AddedVersion("1.0.0")] + [Description("")] None, /// /// An extra large icon, 2.5rem in size. /// + [AddedVersion("1.0.0")] + [Description("An extra large icon, 2.5rem in size.")] x1, /// /// A large icon, 2rem in size. /// + [AddedVersion("1.0.0")] + [Description("A large icon, 2rem in size.")] x2, /// /// A medium icon, 1.75rem in size. /// + [AddedVersion("1.0.0")] + [Description("A medium icon, 1.75rem in size.")] x3, /// /// A small icon, 1.5rem in size. /// + [AddedVersion("1.0.0")] + [Description("A small icon, 1.5rem in size.")] x4, /// /// A very small icon, 1.25rem in size. /// + [AddedVersion("1.0.0")] + [Description("A very small icon, 1.25rem in size.")] x5, /// /// The smallest icon, 1rem in size. /// + [AddedVersion("1.0.0")] + [Description("The smallest icon, 1rem in size.")] x6 }