Blazor Checkbox - Custom Checkbox with label

Overview

The Blazor Checkbox is a custom checkbox-type HTML5 input component for selecting one or more options from a list of predefined choices. It supports an indeterminate state, different sizes, custom labels and positions, and UI customization.

Checkbox states

A single Blazor Checkbox consists of toggle states for performing check and uncheck actions. To prevent the toggling of a checkbox value, you can use the disable option.

Tri-state or indeterminate checkbox

The Blazor Checkbox component also features a built-in indeterminate state for option selections.

Checkbox size

You can use different checkbox sizes, default and small, as required in your application.

Label for checkbox

Add a label to define the Blazor Checkbox component caption. You can caption the checkbox and position the label either before or after the checkbox.

Blazor Checkbox label documentation

Custom or fancy checkbox

The Blazor Checkbox UI (frame and icons) can be completely customized.

Forms support

Seamlessly supports HTML forms, and reactive forms.

Checkbox styling

The Blazor Checkbox component ships with several built-in themes such as Tailwind CSS, Bootstrap 5, Bootstrap 4, Bootstrap, Material, Fabric, and High Contrast. Users can customize any of these built-in themes, or create new ones to build their own desired look and feel either by simply overriding Sass variables or using our Theme Studio application.

Blazor Checkbox styling documentation

Web accessibility

Fully supports WAI-ARIA accessibility standards to work with screen readers and assistive devices.
Follows WAI-ARIA best practices for implementing keyboard interaction.
Designs UI element visuals such as foreground color, background color, line spacing, text, and images based on WCAG 2.0 standards.
Supports right-to-left (RTL) text direction for users working in right-to-left languages like Hebrew, Arabic, or Persian.

Other supported frameworks

Checkbox is also available in JavaScript, Angular, React and Vue frameworks that are built from their own TypeScript libraries. Check out the different CheckBox platforms from the links below,

What do our customers say about us?

Syncfusion controls contain almost everything a developer could ask for, saving us time and money. All backed up by unmatched support. Syncfusion controls are a developer's dream come true.