Radio

TypescriptWAI-ARIA
Anatomy

폼 그룹을 구성하는 요소를 설명합니다.

AnatomyImage
Rules of Use
  • RulesofUseImage
    Label

    버튼 내에서 스피너를 사용하여 현재 작업이 처리중이거나 발생하고 있음을 나타냅니다.

  • RulesofUseImage
    Helper text

    Helper text는 inputs 하단에 위치하며 정보를 입력하는데 필요한 안내를 제공합니다.

  • RulesofUseImage
    Valid/Invalid feedback

    Inputs에 입력한 정보가 유효하거나 유효하지 않을 때 Input group 하단에서 입력이 유효 혹은 유효하지 않음을 나타냅니다. Help text가 있는 경우 Help text 하단에 보여집니다.

  • RulesofUseImage
    Replacement

    Inputs는 쓰임에 따라 다른 컴포넌트로 변경해 사용할 수 있습니다. 변경한 컴포넌트는 기존 Inputs와 동일하게 좌측 정렬로 배치합니다.

Import
import { Radio } from '@goorm-dev/vapor-components';
Examples
Props
namedescriptiondefault
idrequired

radio input의 id입니다.

string
className

radio input의 className입니다.

string
disabled

radio input의 disabled 여부입니다.

boolean
label

radio input 옆에 생기는 label입니다.

numberstringarraynode
helpLabel

string
helpPlacement

string