Switch

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 { Switch } from '@goorm-dev/vapor-components';
Examples
Props
namedescriptiondefault
idrequired

string
className

string
disabled

boolean
false
size

smmdlg
label

numberstringstring[]
helpLabel

string
helpPlacement

rightleftauto-startautoauto-endtop-starttoptop-endright-startright-endbottom-endbottombottom-startleft-endleft-start
top