Radio Button
You can edit 8 Components for free. Get premium for unlimited access.
No more than one of the Radio Button can be checked at a time.
Figma
The Radio Button component is used to select a single menu item in a list.
1. Reference
This component inherits props from the Radio Button.
2. State
You can edit the state with the default, active and disabled parameter.
Image 2.1 : State default
Image 2.2 : State active
Image 2.3 : State disabled
Jetpack Compose
The RadioButton component is used to select a single menu item in a list.
1. Reference
This component inherits props from the Radio Button.
-
-
2. State
You can edit the state with the RadioButtonState.default or RadioButtonState.disabled parameter.
isSelected = isSelected.value,
onClick = {
isSelected.value = !isSelected.value
}
)
RadioButton(
isSelected = isSelected2.value,
onClick = {
isSelected2.value = !isSelected2.value
}
)
RadioButton(
state = RadioButtonState.disabled,
isSelected = isSelected3.value,
onClick = {
isSelected3.value = !isSelected3.value
}
)
Preview
Preview
Code
const DlRadioButton()Usage
Add this code example to your project to see how the component works.
const DlRadioButton(
state: DlRadioButtonState.disabled,
)API Reference
DlRadioButton is a compact 24x24 circular selection control with toggleable default and active behavior and a non-interactive disabled state, fully styled with Dynamic Layer tokens.
Examples
Disabled
Preview
Code
const DlRadioButton(
state: DlRadioButtonState.disabled,
)Discover more content
You have questions or need help?
You want to try?
Save time and money?