``` \n**Description**: ```razor

Read the full agreement before you agree. ``` \n**Indeterminate & three-state**: ```razor

Value: @threeStateValue, Indeterminate: @threeStateIndeterminate

subscribed: @(subscribed?.ToString() ?? "null")

``` ```csharp private bool basicIndeterminate = true; private bool apple; private bool banana; private bool orange; private bool selectAll; private bool selectAllIndeterminate; private void HandleSelectAllChange(bool value) { selectAll = value; selectAllIndeterminate = false; apple = banana = orange = value; } private void RefreshSelectAll() { var checkedCount = (apple ? 1 : 0) + (banana ? 1 : 0) + (orange ? 1 : 0); selectAll = checkedCount == 3; selectAllIndeterminate = checkedCount is > 0 and < 3; } private bool threeStateValue; private bool threeStateIndeterminate; private bool? subscribed = false; // A click reports the mixed state before the value, so the mixed one has the last word: the value that // follows a "no answer" is not an answer either, which is what keeps the null from being overwritten // with the false underneath it. private void HandleSubscribedIndeterminateChanged(bool indeterminate) => subscribed = indeterminate ? null : subscribed is true; private void HandleSubscribedValueChanged(bool value) => subscribed = subscribed is null ? null : value; ``` \n**Binding**: ```razor ``` ```csharp private bool oneWayValue; private bool twoWayValue; private bool oneWayIndeterminate = true; private bool twoWayIndeterminate = true; ``` \n**Templates**: ```razor Label Template Custom basic checkbox Custom indeterminate checkbox Make Indeterminate ``` ```csharp private bool customCheckboxValue; private bool customContentValue; private bool customContentIndeterminate = true; ``` \n**Events**: ```razor

@(string.IsNullOrEmpty(eventsLog) ? "No clicks yet." : eventsLog)

Cancelled attempts: @cancelledCounter

Container clicks: @containerClickCounter

``` ```csharp private string eventsLog = string.Empty; private bool eventsCycleEnded; private int cancelledCounter; private int containerClickCounter; private bool allowChange; private void LogOnClick() => AppendEventLog("OnClick"); private void LogOnChanging(BitCheckboxChangeArgs args) => AppendEventLog($"OnChanging({args.Value})"); private void LogOnChange(bool value) { AppendEventLog($"OnChange({value})"); eventsCycleEnded = true; } private void LogOnFocus() => AppendEventLog("OnFocus"); private void LogOnFocusIn() => AppendEventLog("OnFocusIn"); private void LogOnFocusOut() => AppendEventLog("OnFocusOut"); private void LogOnBlur() => AppendEventLog("OnBlur"); // Every callback appends, so the log is the order they actually fired in - the focus arriving is still // on the line when the click that follows it is written. Only the first one after a completed click // starts the line over, which is what keeps a second click from being read as part of the first. private void AppendEventLog(string name) { if (eventsCycleEnded) { eventsLog = string.Empty; eventsCycleEnded = false; } eventsLog += eventsLog.Length == 0 ? name : $" → {name}"; } private void HandleOnChanging(BitCheckboxChangeArgs args) { if (allowChange) return; args.Cancel = true; cancelledCounter++; } ``` \n**Read-only & Required**: ```razor I accept the terms ``` ```csharp private bool readOnlyValue; ``` \n**Validation**: ```razor @if (string.IsNullOrEmpty(SuccessMessage)) {

Submit } else { @SuccessMessage } ``` ```csharp private string SuccessMessage = string.Empty; private BitCheckboxValidationModel validationModel = new(); public class BitCheckboxValidationModel { [Range(typeof(bool), "true", "true", ErrorMessage = "You must agree to the terms and conditions.")] public bool TermsAgreement { get; set; } } private async Task HandleValidSubmit() { SuccessMessage = "Form Submitted Successfully!"; await Task.Delay(3000); SuccessMessage = string.Empty; StateHasChanged(); } private void HandleInvalidSubmit() { SuccessMessage = string.Empty; } ``` \n**Accessibility**: ```razor Focus the checkbox

``` ```csharp private BitCheckbox checkboxRef = default!; private async Task FocusTheCheckbox() => await checkboxRef.FocusAsync(); ``` \n**Loading**: ```razor

Saved: @savedCount time(s)

``` ```csharp private int savedCount; private async Task HandleSlowChanging(BitCheckboxChangeArgs args) { await Task.Delay(2000); savedCount++; } ``` \n**Cascading parameters**: ```razor

``` ```csharp private readonly BitCheckboxParams[] checkboxParams = [ new() { FullWidth = true, Reversed = true, CheckIconName = BitIconName.Heart, } ]; ``` \n**Color**: ```razor

``` \n**External Icons**: ```razor ``` \n**Size**: ```razor ``` \n**Style & Class**: ```razor

``` \n**RTL**: ```razor ```