Docs About BlazorWebFormsComponents

CheckBox Component Samples

CheckBox Samples
Styling Samples
Event Samples

Basic CheckBox

I agree to terms

Agreed: False

Pre-checked CheckBox

Already checked

Text Alignment

Label on right (default)
Label on left

Disabled CheckBox

Cannot change (enabled)
Cannot change (disabled)

CheckBox without Text

Value: False

Styled CheckBox

Custom CSS class
Colored background

Event Handling

Click to trigger event

Event fired: 0 times

Code:


<CheckBox Text="I agree to terms" @bind-Checked="agreed" />

<CheckBox Text="Already checked" Checked="true" />

<CheckBox Text="Label on left" TextAlign="TextAlign.Left" />

<CheckBox Text="Cannot change (disabled)" Enabled="false" Checked="true" />

An unhandled error has occurred. Reload 🗙