Anatomy
Field와 Action은 시각적으로 한 줄이지만 각각 독립된 native control입니다.
Field
연결된 Label, 유연한 Select/Input 영역, 36px 오른쪽 Caret 예약 공간.
Action
공통 높이와 같은 폭을 가진 정사각형 Button. 별도의 aria-label·focus·disabled 상태를 가집니다.
States
Focus와 Disabled는 묶음이 아니라 각 조작 대상이 소유합니다.
기본 높이는 40px이며 거친 터치 입력은 최소 44px입니다. Select와 Button이 서로의 활성 상태를 자동으로 바꾸지 않습니다.
Usage
필드의 맥락이 같은 짧은 보조 Action이 있을 때만 사용합니다.
Scenario 설정, 옵션 관리 등 인접 필드에 한정된 보조 액션에 적합합니다. 필드 자체의 저장·제출 동작을 매번 별도 버튼으로 추가하지 않습니다.
Accessibility
Select는 native 선택, Action은 native button입니다.
Tab 순서는 Field → Action이며 별도 포커스 테두리가 유지됩니다. Select caret은 클릭 영역을 침범하지 않고 긴 옵션 텍스트는 예약된 뒤쪽 공간을 덮지 않습니다.