Introducing the New .NET MAUI Radio Button Control
Tags: dotnetmaui, mobile, desktop, whatsnew
Published: 2023-10-03 15:17:37

---
title: Introducing the New .NET MAUI Radio Button Control
published: true
date: 2023-09-25 11:57:16 UTC
tags: dotnetmaui, mobile, desktop, whatsnew
canonical_url: https://www.syncfusion.com/blogs/post/new-dotnet-maui-radio-button.aspx
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wb54ap0q1y0vmr0l0611.png
---
We are happy to introduce the new Syncfusion .[NET MAUI Radio Button](https://www.syncfusion.com/maui-controls/maui-radio-button ".NET MAUI Radio Button") control in our latest release, [Essential Studio 2023 Volume 3](https://www.syncfusion.com/forums/184588/essential-studio-2023-volume-3-main-release-v23-1-36-is-available-for-download "Essential Studio 2023 Volume 3").

In this blog, we’ll explore the key features of the .NET MAUI Radio Button control and the steps to get started with it!

## .NET MAUI Radio Button: an overview

The new Syncfusion .NET MAUI Radio Button is a selection control that enables users to choose a single option from a set of predefined choices.

Its key features are:

- [States](#States)
- [Grouping](#Grouping)
- [Customizations](#Customizations)

Let’s delve into the primary characteristics of the control.

###<a name="States">States</a>

The .NET MAUI Radio Button has two selection states: selected and unselected. If you want to stop the toggling between these states, you can utilize the **disabled** option.
<figure>

  <img src="https://www.syncfusion.com/blogs/wp-content/uploads/2023/09/Different-Selection-States-in-the-.NET-MAUI-Radio-Button-Control.png" alt="Different Selection States in the .NET MAUI Radio Button Control" style="width:100%">

  <figcaption>Different Selection States in the .NET MAUI Radio Button Control</figcaption>

</figure>

###<a name="Grouping">Grouping</a>

The .NET MAUI Radio Button allows you to group a set of radio buttons present inside any layout. 

When you select a radio button in a radio group, all the other items will be automatically deselected. At any given time, you can select only one radio button from the same radio group.
<figure>

  <img src="https://www.syncfusion.com/blogs/wp-content/uploads/2023/09/Grouping-Feature-in-the-.NET-MAUI-Radio-Button-Control-2.png" alt="Grouping Feature in the .NET MAUI Radio Button Control" style="width:100%">

  <figcaption>Grouping Feature in the .NET MAUI Radio Button Control</figcaption>

</figure>

###<a name="Customizations">Customizations</a>

#### Checked and unchecked color customization

You can apply colours to distinguish the checked and unchecked states in the .NET MAUI Radio Button control.
<figure>

  <img src="https://www.syncfusion.com/blogs/wp-content/uploads/2023/09/Customizing-the-.NET-MAUI-Radio-Button-Colors-1.png" alt="Customizing the .NET MAUI Radio Button Colors" style="width:100%">

  <figcaption>Customizing the .NET MAUI Radio Button Colors</figcaption>

</figure>

#### Stroke thickness customization

You can easily customize the stroke thickness of the radio button to your preferred value.
<figure>

  <img src="https://www.syncfusion.com/blogs/wp-content/uploads/2023/09/Customizing-the-Stroke-Thickness-in-the-.NET-MAUI-Radio-Button-Control-1.png" alt="Customizing the Stroke Thickness in the .NET MAUI Radio Button Control" style="width:100%">

  <figcaption>Customizing the Stroke Thickness in the .NET MAUI Radio Button Control</figcaption>

</figure>

#### Text customization

You can also define the Radio Button caption text and format its font, style, size, and colour.
<figure>

  <img src="https://www.syncfusion.com/blogs/wp-content/uploads/2023/09/Customizing-the-Text-in-the-.NET-MAUI-Radio-Button-Control.png" alt="Customizing the Text in the .NET MAUI Radio Button Control" style="width:100%">

  <figcaption>Customizing the Text in the .NET MAUI Radio Button Control</figcaption>

</figure>

**Note:** Refer to the [.NET MAUI Radio Button control documentation](https://help.syncfusion.com/maui/radio-button/overview "Getting started with .NET MAUI Radio Button") for more details.

## Getting started with the .NET MAUI Radio Button control

We have seen the key features of the .NET MAUI Radio Button. Let’s learn how to integrate it into your .NET MAUI app and utilize its features by following these steps:

### Step 1: Create a .NET MAUI application

First, create a [.NET MAUI application](https://learn.microsoft.com/en-us/dotnet/maui/get-started/first-app?view=net-maui-7.0&tabs=vswin&pivots=devices-android "Build your first .NET MAUI app").

### Step 2: Add the required NuGet package

Syncfusion .NET MAUI controls are available on the [NuGet Gallery](https://www.nuget.org/ "NuGet Gallery"). To add the .NET MAUI Radio Button control to your project, open the  **NuGet package manager**  in [Visual Studio](https://visualstudio.microsoft.com/ "Visual Studio"). Search for [Syncfusion.Maui.Buttons ](https://www.nuget.org/packages/Syncfusion.Maui.Buttons "Syncfusion.Maui.Buttons NuGet package")and then install it.

### Step 3: Register the handler

In the **MauiProgram.cs** file, register the handler for the Syncfusion core. Refer to the following code:

```csharp
using Microsoft.Maui;
using Microsoft.Maui.Hosting;
using Microsoft.Maui.Controls.Compatibility;
using Microsoft.Maui.Controls.Hosting;
using Microsoft.Maui.Controls.Xaml;
using Syncfusion.Maui.Core.Hosting;
namespace RadioButtonSample
{
  public static class MauiProgram
  {
    public static MauiApp CreateMauiApp()
    {
      var builder = MauiApp.CreateBuilder();
      builder
        .UseMauiApp<App>()
        .ConfigureSyncfusionCore()
        .ConfigureFonts(fonts =>
        {
           fonts.AddFont("OpenSans-Regular.ttf", "OpenSansRegular");
        });
        return builder.Build();
    }
  }
}
```

### Step 4: Add the namespace

Now, add the **Syncfusion.Maui.Buttons** namespace in your XAML page.

```xml
xmlns:buttons="clr-namespace:Syncfusion.Maui.Buttons;assembly=Syncfusion.Maui.Buttons"
```

### Step 5: Initialize the Syncfusion .NET MAUI Radio Button control

Finally, initialize the Syncfusion .NET MAUI Radio Button control.

Refer to the following code example. Here, we’ll employ the radio group and radio button for gender selection.

```xml
<buttons:SfRadioGroup x:Name="radioGroup">
 <buttons:SfRadioButton x:Name="male" Text="Male" IsChecked="True"/>
 <buttons:SfRadioButton x:Name="female" Text="Female"/>
</buttons:SfRadioGroup>
```

After executing the previous code example, we’ll get output like the following image:
<figure>

  <img src="https://www.syncfusion.com/blogs/wp-content/uploads/2023/09/Integrating-the-Radio-Button-Control-in-a-.NET-MAUI-Application-1.png" alt="Integrating the Radio Button Control in a .NET MAUI Application"width:100%">

  <figcaption>Integrating the Radio Button Control in a .NET MAUI Application</figcaption>

</figure>

## GitHub reference

For more details, check out the [.NET MAUI Radio Button demos on GitHub](https://github.com/SyncfusionExamples/maui-radiobutton-samples ".NET MAUI Radio Button GitHub demos").

## Conclusion

Thanks for reading! In this blog, we explored the features of the new [.NET MAUI Radio Button](https://www.syncfusion.com/maui-controls/maui-radio-button ".NET MAUI Radio Button") control introduced in the [2023 Volume 3](https://www.syncfusion.com/forums/184588/essential-studio-2023-volume-3-main-release-v23-1-36-is-available-for-download "Essential Studio 2023 Volume 3") release. Check out our [Release Notes](https://www.syncfusion.com/products/release-history "Essential Studio Release Notes") and [What’s New](https://www.syncfusion.com/products/whatsnew "Essential Studio What’s New") pages to see the other updates in this release, and leave your feedback in the comments section below.

For existing Syncfusion customers, the newest version of Essential Studio is available from the [license and downloads page](https://www.syncfusion.com/account/downloads "Essential Studio License and Downloads page"). If you are not yet a customer, try our 30-day [free trial](https://www.syncfusion.com/downloads "Get the free evaluation of the Essential Studio products") to check out these new features.

You can also contact us through our [support forums](https://www.syncfusion.com/forums "Syncfusion Support Forum"), [feedback portal](https://www.syncfusion.com/feedback "Syncfusion Feedback Portal"), or [support portal](https://support.syncfusion.com/ "Syncfusion Support Portal"). We are always happy to assist you!

## Related blogs

- [Syncfusion Essential Studio 2023 Volume 3 Is Here!](https://www.syncfusion.com/blogs/post/syncfusion-essential-studio-2023-volume-3.aspx "Blog: Syncfusion Essential Studio 2023 Volume 3 Is Here!")
- [Creating A .NET MAUI Smart PDF Viewer App with Auto-Summary Generation Using OpenAI’s ChatGPT](https://www.syncfusion.com/blogs/post/dotnet-maui-smart-pdf-viewer-using-openai.aspx "Blog: Creating A .NET MAUI Smart PDF Viewer App with Auto-Summary Generation Using OpenAI’s ChatGPT")
- [Advanced Date Customization in .NET MAUI Calendar Control](https://www.syncfusion.com/blogs/post/advanced-date-customization-dotnet-maui-calendar.aspx "Blog: Advanced Date Customization in .NET MAUI Calendar Control")
- [Introducing the 9th Set of New .NET MAUI Controls and Features](https://www.syncfusion.com/blogs/post/whats-new-dotnet-maui-2.aspx "Blog: Introducing the 9th Set of New .NET MAUI Controls and Features")