Button / Input Field
- Active(Enabled) : 사용자가 상호작용할 수 있는 상태. 버튼이나 링크 등이 클릭 가능할 때 이 상태를 나타낸다.
- Inactive(Disabled) : 사용자가 상호작용할 수 없는 상태. 일반적으로 버튼이나 폼 필드가 사용할 수 없거나, 특정 조건을 만족시키지 않았을 때 이 상태가 된다.
- Hover : 사용자가 마우스 포인터를 특정 UI 요소 위에 올려놓은 상태. 이 상태는 보통 시각적 피드백(색상 변경, 하이라이트 등)을 통해 나타낸다.
- Focused : 키보드 또는 다른 입력 방식으로 특정 요소가 선택된 상태. 주로 폼 필드, 버튼 등에서 사용자가 현재 작업 중인 요소를 나타낸다. 입력중인 상황을 강조한다.
- Pressed: 마우스 포인터로 클릭/터치 중인 상태
- Selected : 사용자가 특정 항목을 선택한 상태. 예를 들어, 체크박스, 라디오 버튼, 드롭다운 메뉴에서 항목을 선택했을 때 이 상태가 된다.
- Loading(Progress) : 데이터 로딩이나 처리가 진행 중인 상태. 이 상태는 프로그레스 바, 스피너 등으로 표시된다.
- Error : 오류가 발생한 상태. 이는 텍스트 메시지, 아이콘, 색상 변경 등을 통해 사용자에게 오류를 알린다.
- Warning : 주의가 필요한 상태. 경고 메시지나 아이콘으로 사용자에게 특정 조치를 취하도록 유도한다.
- Success : 작업이 성공적으로 완료된 상태. 성공 메시지나 아이콘으로 사용자에게 긍정적인 피드백을 제공한다.
Checkbox
- Selected / Unselected / Intermediate
Switch
- On / Off