<aside> 😝 UI 용어 정의 페이지입니다 :)
</aside>
- states는 UI 요소들의 현재 상태를 사용자에게 전달하는 데 사용되는 시각적 표현 요소들을 정의한 것
- 사용자가 상황을 정확하게 인지할 수 있도록 분명한 차이를 느낄 수 있는 시각적효과를 적용하되,
요소들마다의 변화 규칙을 일관성 있게 적용하는 것이 필요하다.
zlEnabled : 사용이 가능한 상태
Disabled : 사용이 불가능한 상태
Hover : 요소 위에 커서가 올라온 상태
Focused : 키보드나 음성과 같은 입력장치가 해당 요소에 위치에 있을 때의 상태
Pressed : 마우스 커서로 클릭, 손으로 탭 했을 때의 상태
Active / Inactive : 활성화 된 상태와 사용이 가능한 상태
Selected / Unselected : 선택 된 상태와 선택되지 않은 상태
On / Off : 켜진 상태와 꺼진 상태
Activated : 활성화 되어 사용 중인 상태
Dragged : 드래그하여 이동 중인 상태
Error : 에러가 발생한 상태
Indeterminate : 선택 & 비 선택된 상태가 섞여 있는 모호한 상태로, 주로 체크박스에서 사용