Components

Radio

Radio enables a user to make a single selection from a group of options.

Every radio element must be labeled appropriately. Always use the label prop, a Label component or the aria-label attribute to identify and describe the purpose of a radio element.

Choose a network
import { Radio } from '@sproutsocial/racine'

Properties

System props

System props apply standard sets of properties to a component that can be used to alter its appearance on the fly.

NameTypeDefaultDescriptionRequired?
idstring
ID of the form element, should match the "for" value of the associated label
namestring
name attribute
labelstring
label text to display
qaany
legacy for qa props until we cut everyone over
ariaLabelstring
Label used to describe the input if not used with an accompanying label
valuestring
checkedboolean
Whether or not the radio is checked
disabledbooleanfalse
Whether or not the radio is disabled
onChangesignature
onFocussignature
onBlursignature