VanillaFront

Va.RadioGroupField — 라벨 + 배타 선택 라디오 그룹Va.RadioGroup이 순수 배타 선택 그룹이라면, Va.RadioGroupField는 그 위에 폼 라벨·필수 표시·검증 메시지를 얹은 완성 폼 필드입니다. Field 계열 아키텍처 그대로, 내부에 Va.RadioGroup을 소유하는 Composition 구조. 실무에서 라디오를 쓸 때 가장 자주 만나게 되는 컴포넌트.클래스: Va.RadioGroupField — va_component.js:11343short name: radioGroupField상속: Va.Field (다른 Field 형제들과 같음)내부 컴포넌트: Va.RadioGroup 인스턴스 (fieldComponent)isContainer: true베이스 CSS: va-r..

Va.RadioGroup — 여러 라디오를 배타 선택으로 관리하는 그룹여러 옵션 중 하나만 선택되도록 자동 관리하는 컴포넌트. 각 Radio를 하드코딩하지 않고 데이터 배열로 선언해 한 번에 렌더링합니다. 값은 선택된 하나의 key로 다룹니다. CheckboxGroup과 완전히 대칭 구조지만 반환값이 배열이 아니라 단일 값이라는 게 결정적 차이.클래스: Va.RadioGroup — va_component.js:11106short name: radioGroup상속: Va.Component (PureField 아님)isContainer: true베이스 CSS: va-radio-group1. 기본 사용{ tagName: 'radioGroup', key: 'code', display: 'name..

Va.RadioField — 라벨 + 단일 라디오 버튼 필드Va.Radio가 순수 라디오 버튼이라면, Va.RadioField는 그 위에 폼 라벨·필수 표시·검증 메시지를 얹은 완성 폼 필드입니다. Field 계열 아키텍처 그대로, 내부에 Va.Radio를 소유하는 Composition 구조. CheckboxField와 완전히 같은 패턴.클래스: Va.RadioField — va_component.js:10356short name: radioField상속: Va.Field (다른 Field 형제들과 같음)내부 컴포넌트: Va.Radio 인스턴스 (fieldComponent)isContainer: true베이스 CSS: va-field1. 기본 사용{ tagName: 'radioField', l..

Va.Radio — 라디오 버튼 (단일 배타 선택 항목)체크박스와 시각적으로 비슷하지만 배타 선택을 의도한 컴포넌트. 하나만 켜지고 나머지는 꺼져야 하는 상황용입니다. 단독으로도 쓸 수 있지만 여러 개를 그룹지어 사용하는 게 정석 — 그때는 Va.RadioGroup을 사용합니다.클래스: Va.Radio — va_component.js:10634short name: radio상속: Va.PureField (Checkbox와 형제)isContainer: true베이스 CSS: va-radio1. 기본 사용{ tagName: 'radio', radioLabel: '옵션 A', checked: true, onChange: 'onChange'}좌측: 라디오 버튼 아이콘 (원 안 채워짐 or ..

Va.CheckboxGroupField — 라벨 + 다중 선택 체크박스 그룹Va.CheckboxGroup이 순수 다중 선택 그룹이라면, Va.CheckboxGroupField는 그 위에 폼 라벨·필수 표시·검증 메시지를 얹은 완성 폼 필드입니다. Field 계열 아키텍처 그대로, 내부에 Va.CheckboxGroup을 소유하는 Composition 구조.클래스: Va.CheckboxGroupField — va_component.js:11011short name: checkboxGroupField상속: Va.Field (다른 Field 형제들과 같음)내부 컴포넌트: Va.CheckboxGroup 인스턴스 (fieldComponent)isContainer: true베이스 CSS: va-checkbox-gro..