Radio Component
This class combines the configuration and the core styling of a switch.
This class offers the following configuration features:
the optional label of a switch (static, dynamic via a Flow<String> or customized content of a Div.RenderContext )
some predefined styling variants (size)
the style of the selected state
the style of the radio
the style of the label
the groupname
link an external boolean flow to set the selected state of the box
link an external boolean flow to set the disabled state of the box
link events of the switch like
`changes`
with external handlers
This can be done within a functional expression that is the last parameter of the factory function, called `build`
. It offers an initialized instance of this RadioComponent class as receiver, so every mutating method can be called for configuring the desired state for rendering the radio.
Example usage
radio {
label("with extra cheese") // set the label
size { normal } // choose a predefined size
selected(cheeseStore.data) // link a [Flow<Boolean>] in order to visualize the checked state
events { // open inner context with all DOM-element events
changes.states() handledBy cheeseStore.update // connect the changes event with the state store
}
element {
// exposes the underlying HTML input element for direct access. Use with caution!
}
}