State

상태 표현의 유형

UI 상태는 두 가지 유형이 있습니다.

상호작용 상태는 사용자의 상호작용에 따라 변하는 상태를 나타냅니다. 예를 들어, 버튼을 터치하고 있으면 눌린 상태로 표시됩니다. 옵션 상태는 컴포넌트에 적용된 옵션에 따른 상태를 나타냅니다. 예를 들어, 버튼에 disabled 옵션이 적용되면 비활성화 상태로 표시됩니다.

상호작용 상태와 옵션 상태는 한 가지 상태가 다른 상태를 덮어쓸 수도 있고, 함께 적용될 수도 있습니다.

Enabled

요소에 아무런 상호작용을 하지 않았을 때의 기본 상태입니다.

Pressed

터치, 펜 등의 방식으로 요소를 누르고 있는 상호작용 상태입니다.

Selected

요소가 선택되었거나 활성화된 옵션 상태입니다. 일반적으로 다른 상호작용 상태와 함께 표현됩니다.

Disabled

요소가 비활성화된 옵션 상태입니다. 사용자의 상호작용을 받지 않고 있으나, 다른 조건에 따라 상호작용이 가능할 수 있음을 나타냅니다. 일반적으로 다른 상호작용 상태와 함께 표현되지 않습니다.