Snackbar

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

Anatomy

  1. Region
  2. Snackbar
  3. Title
  4. Description
  5. Close Button

States

StateValuesDefault Value
visiblityinactive, persist, active, dismissinginactive
queueSnackbarOption[][]

Contexts

StateValuesDefault Value
pauseOnInteractionfalse, truetrue

Actions

ActionFromConditionTo
PUSHinactiveactive
DISMISSactivedismissing
persistdismissing
PAUSEactivepersist
RESUMEpersistactive

Delays

FromDelayConditionTo
activequeue.head.timeoutdismissing
dismissingqueue.head.removeDelayinactive

Entry Actions

FromConditionTo
inactivequeue.length > 0active

Triggers

PartEventConditionAction
SnackbarFocuspauseOnInteraction == truePAUSE
SnackbarBlurRESUME
Close ButtonPressDISMISS

Interfaces

SnackbarOption {
    timeout: int
    removeDelay: int
}