RadioButton

Inheritance: Element -> NavigableElement -> VisualElement -> View -> Layout -> TemplatedView\ Xamarin.Forms documentation: RadioButton API / Guide

For details on how the control actually works, please refer to the Xamarin.Forms documentation.

Constructors

Constructors	Description
RadioButton(isChecked: bool, onChecked: bool -> ‘msg)	Define a default RadioButton widget with the checked state
RadioButton(content: string, isChecked: bool, onChecked: bool -> ‘msg)	Define a RadioButton widget with a text and the checked state

Properties

Properties	Description
borderColor(light: FabColor, ?dark: FabColor)	Sets the border color depending if light or dark mode
groupName(value: string)	Sets the group name
borderWidth(value: float)	Sets the border width
characterSpacing(spacing: float)	Sets the character spacing
cornerRadius(value: float)	Sets the corner radius
font(?size: float, ?namedSize: NamedSize, ?attributes: FontAttributes, ?fontFamily: string)	Sets the font
textColor(light: FabColor, ?dark: FabColor)	Sets the text color
textTransform(value: TextTransform)	Sets the transformation for the text
reference(value: ViewRef\)	Sets a ViewRef instance to retrieve the Xamarin.Forms.RadioButton instance associated to this widget

Usages

RadioButton(model.IsChecked, CheckedChangedMsg)
    .progressColor(Color.Red.ToFabColor(), dark = Color.Blue.ToFabColor())
    .borderColor(Color.Red.ToFabColor(), dark = Color.Blue.ToFabColor())  
    .groupName("MyGroup") 
    .borderWidth(10.) 
    .characterSpacing(2.) 
    .cornerRadius(5.) 

RadioButton("Cat", model.IsChecked, CheckedChangedMsg)
    .font(namedSize = NamedSize.Large, fontFamily = "Arial", attributes = FontAttributes.Bold)
    .textColor(Color.Red.ToFabColor(), dark = Color.Blue.ToFabColor()) 
    .textTransform(TextTransform.Lowercase)

Get access to the underlying Xamarin.Forms.RadioButton #

let radioButtonRef = ViewRef<RadioButton>()

RadioButton(model.IsChecked, CheckedChangedMsg)
    .reference(radioButtonRef)