Alert Avatar Bottom sheet Button Card Carousel Cards Checkbox Chip Circular button Compact date input Copy Block Critical banner Date input Date picker Divider Dropdown Icon button Image Ratios Instruction List Item List Item - Button List Item - Checkbox List Item - Icon Button List Item - Navigation List Item - No Action List Item - Radio UsageAvailabilityList Item - Switch Media Button Modal Money input Navigation option Nudge Password input Popover Progress Bar Progress Spinner Promo card Radio Screen loader Search input Section header Segmented control Select Snackbar Summary Switch Table Tabs Text area Text input Upload Upload input
Design at Wise Foundations Components AlertAvatarBottom sheetButtonCardCarousel CardsCheckboxChipCircular buttonCompact date inputCopy BlockCritical bannerDate inputDate pickerDividerDropdownIcon buttonImage RatiosInstructionList ItemList Item - ButtonList Item - CheckboxList Item - Icon ButtonList Item - NavigationList Item - No ActionList Item - RadioList Item - SwitchMedia Button ModalMoney inputNavigation optionNudgePassword inputPopoverProgress Bar Progress SpinnerPromo cardRadioScreen loaderSearch inputSection headerSegmented controlSelectSnackbarSummarySwitchTableTabsText areaText inputUploadUpload inputPatterns Resources
Radio Item

Radio item allows users to select a single item from a mutually exclusive list of options.

Example of radio items
Usage

Use:

  • to select a single option within a list of options
  • within a select input
  • when a user needs to choose within a list of more than 6 options

Don't use:

  • in a radio group
  • directly in a form - unless used as a full screen overlay in modal or bottom sheet. Use radio group instead.
  • as a standalone or in place of a switch

radio option when only a single option is choosable
radio items in a form
Availability

Platform

Availability

Figma

Android

iOS

Web