Button

버튼은 누르면 액션을 발생시킬 수 있는 요소입니다.

Anatomy

Root : Button 컴포넌트를 감싸는 컨테이너 영역
Label : Button에 대한 정보를 전달하는 라벨

States

State	Values	Default Value
`isPressed`	`idle`, `pressed:in`, `pressed:out`	`idle`
`isHovered`	`true`, `false`	`false`
`isFocused`	`true`, `false`	`false`

Contexts

Context	Values	Default Value
`isDisabled`	`true`, `false`	`false`

Actions

Action	From	Condition	To
`PRESS_DOWN`	`press` = `idle`	`!isDisabled`	`press` = `pressed:in`
`PRESS_UP`	`press` = `pressed:in`	`!isDisabled`	`press` = `idle`
	`press` = `pressed:out`	`!isDisabled`	`press` = `idle`
`HOVER_IN`	`press` = `pressed:in`	`!isDisabled`	`press` = `pressed:out`
	`isHovered` = `false`	`!isDisabled`	`isHovered` = `true`
`HOVER_OUT`	`press` = `pressed:out`	`!isDisabled`	`press` = `pressed:in`
	`isHovered` = `true`	`!isDisabled`	`isHovered` = `true`
`FOCUS_ENTER`	`isFocused` = `false`	`!isDisabled`	`isFocused` = `true`
`FOCUS_EXIT`	`isFocused` = `true`		`isFocused` = `false`

Triggers

Web

Part	Event	Action
Root	`PointerOver`	`HOVER_IN`
Root	`PointerDown`	`PRESS_IN`
Root	`PointerUp`	`PRESS_OUT`
Root	`PointerLeave`	`HOVER_OUT`

iOS

Part	Event	Action
Root	`touchDown`	`PRESS_DOWN`
Root	`touchUpInside`	`PRESS_UP`
Root	`touchUpOutside`	`PRESS_UP`