전체 카탈로그
Data InputRadio16 props

Radio List

A group of options where only one can be selected at a time. All options are visible at once, making it easy to compare choices. Use it when users need to pick one option from a...

공식 문서 열기
live previewData Input

Preview

Density

Import

import {RadioList} from '@astryxdesign/core/RadioList';

Astryx 문서 권장 방식대로 root barrel이 아니라 컴포넌트 subpath에서 가져옵니다.

When to use

A group of options where only one can be selected at a time. All options are visible at once, making it easy to compare choices. Use it when users need to pick one option from a...

radiolistradioradiogroupradiobuttonoptionlistsinglechoicechoicelist

Important props

orientationvertical | horizontaloptional
sizesm | mdoptional

Theming targets

astryx-radio-listastryx-radio-list-itemastryx-radioastryx-radio-dot

Best practices

  • DoKeep the number of options small: typically 2 to 7 choices.
  • DoUse clear, concise labels that differentiate each option at a glance.
  • DoPre-select a default option when there's a sensible default; don't leave the group empty unless the choice is optional.
  • Do notUse when multiple selections are needed; use CheckboxList instead.