Dialog:
Open Dialog
diff --git a/packages/nimble-blazor/Examples/Demo.Shared/Pages/ComponentsDemo.razor.cs b/packages/nimble-blazor/Examples/Demo.Shared/Pages/ComponentsDemo.razor.cs
index 995b8a7013..07f3b0a779 100644
--- a/packages/nimble-blazor/Examples/Demo.Shared/Pages/ComponentsDemo.razor.cs
+++ b/packages/nimble-blazor/Examples/Demo.Shared/Pages/ComponentsDemo.razor.cs
@@ -12,6 +12,7 @@ public partial class ComponentsDemo
private string? ActiveTabId { get; set; }
private NimbleDialog
? _dialog;
private string? ClosedReason { get; set; }
+ private string? SelectedRadio { get; set; } = "2";
private string DrawerLocationAsString
{
diff --git a/packages/nimble-blazor/NimbleBlazor/Components/NimbleRadioButton.razor b/packages/nimble-blazor/NimbleBlazor/Components/NimbleRadioButton.razor
new file mode 100644
index 0000000000..8948513863
--- /dev/null
+++ b/packages/nimble-blazor/NimbleBlazor/Components/NimbleRadioButton.razor
@@ -0,0 +1,8 @@
+@namespace NimbleBlazor
+@inherits ComponentBase
+
+ @ChildContent
+
\ No newline at end of file
diff --git a/packages/nimble-blazor/NimbleBlazor/Components/NimbleRadioButton.razor.cs b/packages/nimble-blazor/NimbleBlazor/Components/NimbleRadioButton.razor.cs
new file mode 100644
index 0000000000..fc3e1837dd
--- /dev/null
+++ b/packages/nimble-blazor/NimbleBlazor/Components/NimbleRadioButton.razor.cs
@@ -0,0 +1,37 @@
+using System.Diagnostics.CodeAnalysis;
+using Microsoft.AspNetCore.Components;
+
+namespace NimbleBlazor;
+
+public partial class NimbleRadioButton : ComponentBase
+{
+ ///
+ /// Gets or sets the value.
+ ///
+ [Parameter]
+ public string? CurrentValue { get; set; }
+
+ ///
+ /// Gets or sets the disabled state.
+ ///
+ [Parameter]
+ public bool Disabled { get; set; }
+
+ ///
+ /// Gets or sets the name.
+ ///
+ [Parameter]
+ public string? Name { get; set; }
+
+ ///
+ /// Gets or sets the child content to be rendered inside the .
+ ///
+ [Parameter]
+ public RenderFragment? ChildContent { get; set; }
+
+ ///
+ /// Gets or sets any additional attributes to set on the element.
+ ///
+ [Parameter(CaptureUnmatchedValues = true)]
+ public IDictionary? AdditionalAttributes { get; set; }
+}
diff --git a/packages/nimble-blazor/NimbleBlazor/Components/NimbleRadioGroup.razor b/packages/nimble-blazor/NimbleBlazor/Components/NimbleRadioGroup.razor
new file mode 100644
index 0000000000..7126ca671b
--- /dev/null
+++ b/packages/nimble-blazor/NimbleBlazor/Components/NimbleRadioGroup.razor
@@ -0,0 +1,10 @@
+@namespace NimbleBlazor
+@inherits NimbleInputBase
+
+ @ChildContent
+
\ No newline at end of file
diff --git a/packages/nimble-blazor/NimbleBlazor/Components/NimbleRadioGroup.razor.cs b/packages/nimble-blazor/NimbleBlazor/Components/NimbleRadioGroup.razor.cs
new file mode 100644
index 0000000000..2409272603
--- /dev/null
+++ b/packages/nimble-blazor/NimbleBlazor/Components/NimbleRadioGroup.razor.cs
@@ -0,0 +1,38 @@
+using System.Diagnostics.CodeAnalysis;
+using Microsoft.AspNetCore.Components;
+
+namespace NimbleBlazor;
+
+public partial class NimbleRadioGroup : NimbleInputBase
+{
+ ///
+ /// Gets or sets the disabled state.
+ ///
+ [Parameter]
+ public bool? Disabled { get; set; }
+
+ ///
+ /// Gets or sets the name.
+ ///
+ [Parameter]
+ public string? Name { get; set; }
+
+ ///
+ /// Gets or sets the Orientation of the group.
+ ///
+ [Parameter]
+ public Orientation? Orientation { get; set; }
+
+ ///
+ /// Gets or sets the child content to be rendered inside the .
+ ///
+ [Parameter]
+ public RenderFragment? ChildContent { get; set; }
+
+ protected override bool TryParseValueFromString(string? value, [MaybeNullWhen(false)] out string result, [NotNullWhen(false)] out string? validationErrorMessage)
+ {
+ result = value ?? string.Empty;
+ validationErrorMessage = null;
+ return true;
+ }
+}
diff --git a/packages/nimble-blazor/NimbleBlazor/Orientation.cs b/packages/nimble-blazor/NimbleBlazor/Orientation.cs
new file mode 100644
index 0000000000..fa251401bb
--- /dev/null
+++ b/packages/nimble-blazor/NimbleBlazor/Orientation.cs
@@ -0,0 +1,14 @@
+namespace NimbleBlazor;
+
+public enum Orientation
+{
+ Horizontal,
+ Vertical
+}
+
+internal static class OrientationExtensions
+{
+ private static readonly Dictionary _orientationValues = AttributeHelpers.GetEnumNamesAsKebabCaseValues();
+
+ public static string? ToAttributeValue(this Orientation? value) => value == null ? null : _orientationValues[value.Value];
+}
\ No newline at end of file
diff --git a/packages/nimble-blazor/Tests/NimbleBlazor.Tests/Unit/Components/NimbleRadioButtonTests.cs b/packages/nimble-blazor/Tests/NimbleBlazor.Tests/Unit/Components/NimbleRadioButtonTests.cs
new file mode 100644
index 0000000000..10998f4552
--- /dev/null
+++ b/packages/nimble-blazor/Tests/NimbleBlazor.Tests/Unit/Components/NimbleRadioButtonTests.cs
@@ -0,0 +1,55 @@
+using System;
+using System.Linq.Expressions;
+using Bunit;
+using Xunit;
+
+namespace NimbleBlazor.Tests.Unit.Components;
+
+///
+/// Tests for
+///
+public class NimbleRadioButtonTests
+{
+ [Fact]
+ public void NimbleRadioButton_Rendered_HasRadioButtonMarkup()
+ {
+ var context = new TestContext();
+ context.JSInterop.Mode = JSRuntimeMode.Loose;
+ var expectedMarkup = "nimble-radio-button";
+
+ var radioButton = context.RenderComponent();
+
+ Assert.Contains(expectedMarkup, radioButton.Markup);
+ }
+
+ [Fact]
+ public void NimbleRadioButtonCurrentValue_AttributeIsSet()
+ {
+ var radioButton = RenderNimbleRadioButtonWithPropertySet(x => x.CurrentValue, "foo");
+
+ Assert.Contains("current-value", radioButton.Markup);
+ }
+
+ [Fact]
+ public void NimbleRadioButtonDisabled_AttributeIsSet()
+ {
+ var radioButton = RenderNimbleRadioButtonWithPropertySet(x => x.Disabled, true);
+
+ Assert.Contains("disabled", radioButton.Markup);
+ }
+
+ [Fact]
+ public void NimbleRadioButtonName_AttributeIsSet()
+ {
+ var radioButton = RenderNimbleRadioButtonWithPropertySet(x => x.Name, "buttons");
+
+ Assert.Contains("name", radioButton.Markup);
+ }
+
+ private IRenderedComponent RenderNimbleRadioButtonWithPropertySet(Expression> propertyGetter, TProperty propertyValue)
+ {
+ var context = new TestContext();
+ context.JSInterop.Mode = JSRuntimeMode.Loose;
+ return context.RenderComponent(p => p.Add(propertyGetter, propertyValue));
+ }
+}
diff --git a/packages/nimble-blazor/Tests/NimbleBlazor.Tests/Unit/Components/NimbleRadioGroupTests.cs b/packages/nimble-blazor/Tests/NimbleBlazor.Tests/Unit/Components/NimbleRadioGroupTests.cs
new file mode 100644
index 0000000000..c3382741da
--- /dev/null
+++ b/packages/nimble-blazor/Tests/NimbleBlazor.Tests/Unit/Components/NimbleRadioGroupTests.cs
@@ -0,0 +1,80 @@
+using System;
+using System.Linq.Expressions;
+using Bunit;
+using Xunit;
+
+namespace NimbleBlazor.Tests.Unit.Components;
+
+///
+/// Tests for
+///
+public class NimbleRadioGroupTests
+{
+ [Fact]
+ public void NimbleRadioGroup_Rendered_HasRadioGroupMarkup()
+ {
+ var context = new TestContext();
+ context.JSInterop.Mode = JSRuntimeMode.Loose;
+ var expectedMarkup = "nimble-radio-group";
+
+ var radioGroup = context.RenderComponent();
+
+ Assert.Contains(expectedMarkup, radioGroup.Markup);
+ }
+
+ [Theory]
+ [InlineData(Orientation.Horizontal, "horizontal")]
+ [InlineData(Orientation.Vertical, "vertical")]
+ public void RadioGroupOrientation_AttributeIsSet(Orientation value, string expectedAttribute)
+ {
+ var radioGroup = RenderNimbleRadioGroup(value);
+
+ Assert.Contains(expectedAttribute, radioGroup.Markup);
+ }
+
+ [Fact]
+ public void RadioGroupWithButton_HasRadioButtonMarkup()
+ {
+ var expectedMarkup = "nimble-radio-button";
+ var select = RenderNimbleRadioGroupWithButton();
+
+ Assert.Contains(expectedMarkup, select.Markup);
+ }
+
+ [Fact]
+ public void NimbleRadioGroupDisabled_AttributeIsSet()
+ {
+ var radioGroup = RenderNimbleRadioGroupWithPropertySet(x => x.Disabled, true);
+
+ Assert.Contains("disabled", radioGroup.Markup);
+ }
+
+ [Fact]
+ public void NimbleRadioGroupName_AttributeIsSet()
+ {
+ var radioGroup = RenderNimbleRadioGroupWithPropertySet(x => x.Name, "foo");
+
+ Assert.Contains("name", radioGroup.Markup);
+ }
+
+ private IRenderedComponent RenderNimbleRadioGroupWithPropertySet(Expression> propertyGetter, TProperty propertyValue)
+ {
+ var context = new TestContext();
+ context.JSInterop.Mode = JSRuntimeMode.Loose;
+ return context.RenderComponent(p => p.Add(propertyGetter, propertyValue));
+ }
+
+ private IRenderedComponent RenderNimbleRadioGroupWithButton()
+ {
+ var context = new TestContext();
+ context.JSInterop.Mode = JSRuntimeMode.Loose;
+ return context.RenderComponent(p => p.AddChildContent());
+ }
+
+ private IRenderedComponent RenderNimbleRadioGroup(Orientation orientation)
+ {
+ var context = new TestContext();
+ context.JSInterop.Mode = JSRuntimeMode.Loose;
+ return context.RenderComponent(p => p.Add(x => x.Orientation, orientation));
+ }
+}