blazor-devexpress-dot-blazor-dot-dxcheckbox-1-958915e4.md
Specifies the checkbox type.
Namespace : DevExpress.Blazor
Assembly : DevExpress.Blazor.v25.2.dll
NuGet Package : DevExpress.Blazor
[DefaultValue(CheckType.Checkbox)]
[Parameter]
public CheckType CheckType { get; set; }
| Type | Default | Description |
|---|---|---|
| CheckType | Checkbox |
A CheckType enumeration value.
|
Available values:
| Name | Description |
|---|---|
| Checkbox |
A standard checkbox.
| | Switch |
A toggle switch.
|
When the CheckType property is set to Checkbox, the <DxCheckBox> is displayed as a standard checkbox. Users can choose between checked, unchecked, and (optionally) indeterminate states.
<DxCheckBox @bind-Checked="@Value">@GetText()</DxCheckBox>
<DxCheckBox @bind-Checked="@Value">@GetText()</DxCheckBox>
<DxCheckBox @bind-Checked="@Value">@GetText()</DxCheckBox>
@code{
bool? Value { get; set; }
string GetText() {
if (Value == true) return "Checked";
if (Value == false) return "Unchecked";
return "Indeterminate";
}
}
Set the CheckType property to Switch to display the <DxCheckBox> as a toggle switch. Users can select between the checked and unchecked states. The indeterminate state is not available in this mode.
<DxCheckBox @bind-Checked="@Value" CheckType="CheckType.Switch">@GetText()</DxCheckBox>
<DxCheckBox @bind-Checked="@Value" CheckType="CheckType.Switch">@GetText()</DxCheckBox>
@code{
bool Value { get; set; }
string GetText() {
if (Value) return "Checked";
else return "Unchecked";
}
}
Run Demo: CheckBox - OverviewRun Demo: CheckBox - Switch Mode
See Also