Radio Button
You can edit 8 Components for free. Get premium for unlimited access.
Choose between Figma, SwiftUI, React Native or Jetpack Compose Documentation.
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
SwiftUI
The DLRadioButton 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 .normal or .disabled parameter.
state: .normal,
isActive: $isActive
)
DLRadioButton(
state: .normal,
isActive: $isActive
)
DLRadioButton(
state: .disabled,
isActive: $isActive
)
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
}
)
React Native
This component is on the roadmap and in Progress This means that it is currently being edited and will be published in the next few weeks/months. Check back often to stay informed about the latest updates.
🚧
Discover more content
You have questions or need help?
You want to try?
Save time and money?