Introducing the New .NET MAUI CheckBox Control
Tags: dotnetmaui, mobile, desktop, whatsnew
Published: 2023-10-03 15:24:09

---
title: Introducing the New .NET MAUI CheckBox Control
published: true
date: 2023-09-25 16:27:47 UTC
tags: dotnetmaui, mobile, desktop, whatsnew
canonical_url: https://www.syncfusion.com/blogs/post/new-dotnet-maui-checkbox-control.aspx
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/yuz1pldgqgkgmuaaptql.png
---
In Syncfusion’s 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") release, we introduced a new [CheckBox control for the .NET MAUI](https://www.syncfusion.com/maui-controls/maui-checkbox ".NET MAUI CheckBox control") platform.

The new .NET MAUI CheckBox is a selection control that allows users to select one or more options from a list of predefined choices. You can also customize the appearance of different visual states using the visual state manager.

In this article, we’ll explore the key features of the new .NET MAUI CheckBox control and the steps to get started with it.

## Key features

The .NET MAUI CheckBox supports many user-friendly features. Some of them are listed here:

- [States](#States)
- [Touch interactions](#Touch)
- [Customizations](#Customizations)

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

The CheckBox control has three selection states: **selected** , **unselected** , and **indeterminate**. Use the indeterminate state when a collection of sub-choices has both unselected and selected states. You can also use the **disabled** option to prevent the toggling of checkbox values.
<figure>

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

  <figcaption>Different Visual States in .NET MAUI CheckBox Control</figcaption>

</figure>

###<a name="Touch">Touch interactions</a>

Touch interaction in checkboxes refers to users’ tactile experience when tapping mobile screens to interact with checkbox elements. The checkboxes automatically change their states upon touch interactions.

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

The .NET MAUI CheckBox control allows you to customize its shape, color, and text. Let’s see how to achieve them in brief.

#### Shape customization

You can customize the .NET MAUI CheckBox’s shape by altering the corner radius of the default shape.
<figure>

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

  <figcaption>Customizing the Shape in .NET MAUI CheckBox Control</figcaption>

</figure>

#### State color customization

You can apply desired colors to distinguish the different states of the .NET MAUI CheckBox control.
<figure>

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

  <figcaption>Customizing the States’ colors in .NET MAUI CheckBox Control</figcaption>

</figure>

#### Stroke thickness customization

The stroke thickness of the checkbox can easily be customized to a desired value.
<figure>

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

  <figcaption>Customizing the Stroke Thickness of .NET MAUI CheckBox Control</figcaption>

</figure>

#### Text customization

You can also define the checkbox caption text and format its font name, style, size, and color with ease.
<figure>

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

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

</figure>

**Note:** Refer to the [.NET MAUI CheckBox control documentation](https://help.syncfusion.com/maui/checkbox/overview "Getting Started with .NET MAUI CheckBox Overview") for more details.

## Getting started with the .NET MAUI CheckBox control

We have seen the key features of the .NET MAUI CheckBox **(SfCheckBox)** control. 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 CheckBox 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 Syncfusion core. Refer to the following code example.

```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 CheckBoxSample
{
  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 **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 CheckBox control

Then, initialize the Syncfusion .NET MAUI CheckBox control. Here, we’ll use a simple checkbox in the checked state. Refer to the following code example.

```xml
<buttons:SfCheckBox x:Name="checkBox" IsChecked="True" Text="CheckBox"/>
```

After executing these code examples, we’ll get output like in the following image.
<figure>

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

  <figcaption>Integrating CheckBox Control in .NET MAUI Application</figcaption>

</figure>

## GitHub reference

For more details, check out the [.NET MAUI CheckBox control demo on GitHub](https://github.com/SyncfusionExamples/maui-checkbox-samples ".NET MAUI CheckBox control GitHub demo").

## Conclusion

Thanks for reading this blog! We’ve delved into the functionalities of the newly introduced Syncfusion [.NET MAUI CheckBox control](https://www.syncfusion.com/maui-controls/maui-checkbox ".NET MAUI CheckBox control") 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. To learn more about the other thrilling updates in this 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. Your feedback is important to us, so feel free to share your thoughts in the comments section!

Download [Essential Studio for .NET MAUI](https://www.syncfusion.com/downloads/maui "Get free evaluation of the Essential Studio products") to start evaluating them immediately.

You can also contact us through our [support forum](https://www.syncfusion.com/forums "Syncfusion Support Forum"), [support portal](https://support.syncfusion.com/ "Syncfusion Support Portal"), or [feedback portal](https://www.syncfusion.com/feedback/ "Syncfusion Feedback Portal"). We are always happy to help 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")