Demos
For examples and details on the usage of this component, visit the component demo page:
Checkbox
Properties
| Parameter | Type | Description | Default |
|---|---|---|---|
| IconContent | RenderFragment |
Gets or sets the content to render as icon when the checkbox is checked. | - |
| Radius | Radius |
Gets or sets the border radius of the checkbox. | Medium |
| Classes | CheckboxSlots |
Gets or sets the CSS class names for the checkbox slots. | - |
| ChildContent | RenderFragment |
Gets or sets content to be rendered inside the input. | - |
| Disabled | bool |
Gets or sets a value indicating whether the input is disabled. | false |
| ReadOnly | bool |
Gets or sets a value indicating whether the input is read-only. | false |
| Required | bool |
Gets or sets a value indicating whether the input is required. | false |
| Invalid | bool |
Gets or sets a value indicating whether the input is invalid. | false |
| Color | ThemeColor |
Gets or sets a color of the input. | Default |
| Size | Size |
Gets or sets the size of the input. | Medium |
| Value | bool |
Gets or sets the value of the input. This should be used with two-way binding. | false |
| ValueChanged | EventCallback<bool> |
Gets or sets a callback that is fired when the value of the input changes. | - |
| OnFocus | EventCallback<FocusEventArgs> |
Gets or sets a callback that is fired when the input receives focus. | - |
| OnBlur | EventCallback<FocusEventArgs> |
Gets or sets a callback that is fired when the input loses focus. | - |
| ValueExpression | Expression<Func<bool>> |
Gets or sets an expression that identifies the bound value. | - |
| As | string |
Gets or sets an HTML tag of the component. | - |
| Class | string |
Gets or sets CSS class names that will be applied to the component. | - |
| Style | string |
Gets or sets styles that will be applied to the component. | - |
| AdditionalAttributes | IReadOnlyDictionary<string, object> |
Gets or sets a collection of additional attributes that will be applied to the component. | - |
| ElementReference | ElementReference? |
Gets or sets the associated . May be if accessed before the component is rendered. | - |