Skip to content

Radio Button

Overview

Radio Buttons allow users to select a single option from a set.

radio button gif

Properties

namedescriptiontypedefault
valueRequired. The value associated with the button.T-
checkedRequired. Indicates whether the button is selected.boolean-
onCheckRequired. Callback when the button is selected.(value: T) => void-
sizeSize of the radio button.number24
labelEndContent displayed at the end of the label.ReactNode-
labelStartContent displayed at the start of the label.ReactNode-
animationDurationDuration of the selection animation.number150
indicatorStyleCustom styles for the indicator.ViewStyle-
radioButtonStyleCustom styles for the radio button.ViewStyle-
radioButtonColorColor of the radio button.ColorValue-
checkedRadioButtonColorColor when the radio button is selected.ColorValue-