VanillaFront

MenuButton (메뉴버튼)

Va.MenuButton — 드롭다운 팝업 메뉴 버튼버튼을 클릭하면 아래로 팝업 메뉴가 펼쳐지고, 항목을 선택하면 접히는 컴포넌트입니다. 일반 Button과 달리 자식으로 menuItem을 담는 컨테이너이며, 팝업 위치·오토하이드·키보드 네비게이션까지 내장되어 있습니다.클래스: Va.MenuButton — va_component.js:13203short name: menuButton상속: Va.Component (Button 상속 아님, 별도 구현)isContainer: true — 자식 컴포넌트(menuItem)를 담을 수 있음베이스 CSS: va-menu-button, 팝업은 va-menu-pop1. 기본 사용자식 태그로 메뉴 정의{ tagName: 'menuButton', text: '메..

CompoundButton (복합버튼)

Va.CompoundButton — 두 줄짜리 복합 버튼일반 Va.Button이 한 줄 라벨을 가진 버튼이라면, Va.CompoundButton은 주 텍스트(primary) + 부가 설명(secondary)을 한 버튼에 담는 두 줄 구조입니다. "저장 / 변경사항 5건", "결제 / VISA •••1234"처럼 라벨과 컨텍스트를 함께 보여줘야 하는 상황에 씁니다.클래스: Va.CompoundButton — va_component.js:12975short name: compoundButton상속: Va.Component (Button과 형제 관계, Va.Button을 상속하진 않음)베이스 CSS: va-button (일반 버튼과 스타일 계보 공유) 1. 기본 사용{ tagName: 'compoundB..

Button (버튼)

Va.Button — 표준 버튼 컴포넌트VanillaFront의 가장 기본이 되는 인터랙션 컴포넌트로, 텍스트·아이콘·배지·상태를 하나의 API로 다루는 다목적 버튼입니다. 엘리먼트를 감싸 표준 DOM 시맨틱을 유지하면서, 프레임워크의 컴포넌트 시스템에 편입되어 있습니다.클래스: Va.Button — va_component.js:11965short name: button (config의 tagName:'button'으로 사용)상속: Va.Component1. 기본 사용{ tagName: 'button', text: '저장', icon: 'ico_save', appearance: 'primary', onClick: 'onSave'}tagName:'button'은 프레임워크에 등..