RadioRadio buttons allow users to select one option from a set.Storybook React Aria Source Ask ChatGPT Props RadioRadioGroupRadioInputPropTypecolor?"cyan" | "teal" | "green" | "lime" | "yellow" | "amber" | "orange" | "red" | "pink" | "fuchsia" | "purple" | "violet" | "indigo" | "blue" | "neutral"hitSlop?"3xs" | "none" | "6xl" | "5xl" | "4xl" | "3xl" | "2xl" | "xl" | "lg" | "md" | "sm" | "xs" | "2xs"layout?objectsize?object | "sm" | "xs" | "2xs"variant?"outlined" | "muted"className?function | stringstyle?function | StylePropertiesvaluestringchildren?function | object | object | object | object | boolean | bigint | number | string | nullisDisabled?booleanautoFocus?booleanonFocus?functiononBlur?functiononFocusChange?functiononKeyDown?functiononKeyUp?functionid?stringaria-label?stringaria-labelledby?stringaria-describedby?stringaria-details?stringinputRef?objectonHoverStart?functiononHoverEnd?functiononHoverChange?functionslot?string | nullPropTypelayout?objectclassName?function | stringstyle?function | StylePropertieschildren?function | object | object | object | object | boolean | bigint | number | string | nullvalidationBehavior?"aria" | "native"orientation?"vertical" | "horizontal"value?string | nulldefaultValue?string | nullonChange?functionisDisabled?booleanisReadOnly?booleanname?stringisRequired?booleanisInvalid?booleanvalidate?functiononFocus?functiononBlur?functiononFocusChange?functionid?stringaria-label?stringaria-labelledby?stringaria-describedby?stringaria-details?stringaria-errormessage?stringslot?string | nullPropTypeclassName?stringstyle?StylePropertiesEdit on GitHubProgress CircleProgress circles are are circular indicators of progress and activity.SeparatorSeparators are used to visually divide content.
