Snackbar

간략한 메시지를 화면 하단에 제공합니다.

Anatomy

anatomy

Region
Snackbar
Title
Description
Close Button

States

State	Values	Default Value
visiblity	inactive, persist, active, dismissing	inactive
queue	SnackbarOption[]	[]

Contexts

State	Values	Default Value
pauseOnInteraction	false, true	true

Actions

Action	From	Condition	To
PUSH	inactive		active
DISMISS	active		dismissing
	persist		dismissing
PAUSE	active		persist
RESUME	persist		active

Delays

From	Delay	Condition	To
active	queue.head.timeout		dismissing
dismissing	queue.head.removeDelay		inactive

Entry Actions

From	Condition	To
inactive	queue.length > 0	active

Triggers

Part	Event	Condition	Action
Snackbar	Focus	`pauseOnInteraction == true`	PAUSE
Snackbar	Blur		RESUME
Close Button	Press		DISMISS

Interfaces

SnackbarOption {
    timeout: int
    removeDelay: int
}