MaterialCheckbox

This control is a custom implementation of a Checkbox. You can customize some properties that we show in Documentation topic.
View Material Design documentation

Screenshot

Example

 <material3:MaterialCheckbox 
    Text="Pickles"
    SelectedIcon="checked.png"
    UnselectedIcon="unchecked.png"
    DisabledSelectedIcon="disabledChecked.png"
    DisabledUnselectedIcon="disabledUnchecked.png"
    Animation="Scale" />

Documentation

Event IsCheckedChanged:

Event fired when checkbox value changes.

Property Text:

This property is to set the text value.

Property TextColor:

This property is to set the color of the text when the control is enabled.

Property DisabledTextColor:

This property is to set the color of the text when the control is disabled.

Property FontSize:

This property is to set the fontsize of the text.

Property FontFamily:

This propperty is to set the fontfamily of the text.

Property SupportingText:

This property is to set the error text on the control.

Property SupportingTextColor:

This property is to set the error text color value on the control.

Property SupportingSize:

This property is to set the error text font size value on the control.

Property SupportingFontFamily:

This property is to set the error text font family value on the control.

Property SupportingMargin:

This property is to set the error text margin value on the control.

Property AnimateError:

This property is to set if you can show a ShakeAnimation when there is a error with control.

Property SelectedIcon:

This property is to set the icon with .png when the control is enabled and it is checked.

Property UnselectedIcon:

This property is to set the icon with .png when the control is enabled and it is unchecked.

Property DisabledSelectedIcon:

This property is to set the icon with .png when the control is disabled and it is checked.

Property DisabledUnselectedIcon:

This property is to set the icon with .png when the control is disabled and it is unchecked.

Property CustomSelectedIcon:

This property is to set the icon with .svg when the control is enabled and it is checked.

Property CustomUnselectedIcon:

This property is to set the icon with .svg when the control is enabled and it is unchecked.

Property CustomDisabledSelectedIcon:

This property is to set the icon with .svg when the control is disabled and it is checked.

Property CustomDisabledUnselectedIcon:

This property is to set the icon with .svg when the control is disabled and it is unchecked.

Property IconHeightRequest:

This property is to set the HeightRequest of the icon. By default is 24.

Property IconWidthRequest:

This property is to set the WidthRequest of the icon. By default is 24.

Property TextSide:

This property is to set the side of the text, it could be: Right or Left. By default is Right.

Property TextHorizontalOptions:

This property is to set the HorizontalOptions of the text. By default is Start.

Property SelectionHorizontalOptions:

This property is to set the HorizonatlOptions of the icon. By default is start.

Property Spacing:

This property is to set the space between icon and the text. By default is 10.

Property IsChecked:

This property is to set if the control is checked or not. By default is False.

Property IsEnabled:

This property is to set if the control is enabled or not. By default is True.

Property Animation:

This property is to set the animation of the control: Scale, Fade, None. By default is None.

Property Color:

This property is to set the color of the checkbox when it is enabled. It only applies when the Icon is not set.

Property DisabledColor:

This property is to set the color of the checkbox when it is disabled. It only applies when the Icon is not set.

Property Command:

This property is to bind to viewmodel when it the value changed.

Property CommandParameter:

This property is to send the parameter through Command.