# State
URL: /foundations/state
Source: https://github.com/daangn/seed-design/blob/dev/docs/content/foundations/state.mdx

상태 표현은 컴포넌트 또는 상호작용 가능한 요소의 상태 또는 가능성을 사용자에게 전달합니다.

## 상태 표현의 유형

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

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

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

### Enabled

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

### Pressed

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

### Selected

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

### Disabled

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