RadioComponent

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!
     }
}