Feedback

Snackbar

Transient status message with an optional recovery action.

Snackbar

Playground

Configure the baseline public contract and copy synchronized Vue markup.

Interactive preview

Changes are reflected in the example and source.

Show snackbar

Properties

Visible

Action

Vue

<m-button
  @click="open = true"
>
  Show snackbar
</m-button>

<m-snackbar
  label="Changes saved"
  action-label="Undo"
  v-model="open"
 />

MSnackbar API

Props, slots, and events are extracted from the current public UI Kit contract.

MSnackbar

Feedback family
src/runtime/components/ui/snackbar

Props

NameTypeDefault
label
string''
actionLabel
string''

Slots

Events

@actionvoid