Skip to main content
Give us your valuable feedback

It will help us understand how we can serve you better

Give feedback

Components

Radio Button

Buttons are used to select only one of a limited number of choices

banner-Radio Button
Component Status Details

Status component contains a list of checks and completeness that has been tested and owned by each component

check-list-icon We don't use color as the only visual tool to convey information.
check-list-icon The component’s structure and properties include relevant options such as variant, style, size, orientation, optional iconography, decorations, selection, error state, etc.check-list-icon The title is the component name that uses the frame base component template.check-list-icon The base component name contains: .Base & "Component Name" if there is more than one.check-list-icon All component properties use the Legion foundation.
check-list-icon We can change all the parts that are connected to the component base.check-list-icon The inside of the base component remains connected to the master component.check-list-icon All variant options are not damaged when we change from one to another.check-list-icon Overriding changes to components will not reset other variants.
check-list-icon Component's already has component specs documentation.

Status

Resources

Usage

Radio buttons allow the user to select one option from a dataset.



android radio button

Variants

Single

Single radio button used for single option value.

var isSelected by remember { mutableStateOf(false) }
LgnRadioButton(
text = "Radio Button1",
selected = isSelected,
onClick = {
isSelected = !isSelected
}
)

Here is customization of LgnRadioButton parameters at the LgnRadioButton function:

ParameterDescriptionDefault Value
textThe text to be displayed on the radio button.N/A
selectedA boolean indicating whether the radio button is selected.N/A
onClickThe callback that is invoked when the radio button is clicked.N/A
modifierThe Modifier to be applied to the radio button.Modifier
enabledA boolean indicating whether the radio button is enabled.true
sizeThe size of the radio button.LgnRadioButtonDefaults.size
colorsThe colors to be used for the radio button.LgnRadioButtonDefaults.colors()
interactionSourceThe source of interactions for the radio button.remember { MutableInteractionSource() }

Group

Radio button group used for show multiple option value.

Example usage :

var selectedRbGroupValue by remember { mutableStateOf("")}
LgnRadioButtonGroup(
selectedValue = selectedRbGroupValue,
onSelectionChange = {it -> handleOnClickRRBGroup(it)},
value = listOfRadioButton,
title = "Radio Button Group"
)

Here is customization of LgnRadioButton parameters at LgnRadioButtonGroup function:

ParameterDescriptionDefault Value
selectedValueThe currently selected value in the radio button group.N/A
titleThe title of the radio button group.N/A
onSelectionChangeThe callback that is invoked when the selection changes in the radio button group.N/A
valueThe set of values for the radio buttons in the group.N/A