eQuantic.UIeQuantic.UI
Docs
Playground
GitHub
DocsActions & inputs
Checkbox
View source
1 min read
Binary or indeterminate selection, with an optional label that extends the hit target across the row.
1
using eQuantic.UI.Components;
STATES
checked
unchecked
indeterminate
error
disabled
Usage
1
2
3
4
new Checkbox(_accepted, () => SetState(() => _accepted = !_accepted))
{
Label = "I accept the terms",
}
API
Prop
Type
Default
Description
Checked
bool
false
Current state.
OnChanged
Action?
null
Fires on activation — the component does not pass the next value; flip your own field.
Label
string?
null
Trailing text; the whole row becomes the target.
Indeterminate
bool
false
Dash instead of a check, for a partially selected group.
Error
bool
false
Destructive border, for a required box left unticked.
Disabled
bool
false
0.38, not focusable.
States
State
Rendering
Unchecked
2 dp BorderStrong box
Checked
Primary fill, OnPrimary check
Indeterminate
Primary fill, dash
Error
Destructive border
Disabled
0.38
Accessibility
Role checkbox announcing checked / unchecked / mixed.
With a Label, the label is the accessible name and the row is the target.
When to use
Independent options; a parent summarising a group as indeterminate.
Avoid
Mutually exclusive options — RadioGroup.
Settings that apply instantly — Switch.
NOTEEvery dimension resolves through Sizing.*(SizeVariant) and the token scales — never a literal. Source: src/eQuantic.UI.Components/Checkbox.cs.