Snack bar

The v-snackbar component is used to display a quick message to a user. Snackbars support positioning, removal delay, and callbacks.

Basic

The v-snackbar component is used to display a quick message to a user. Snackbars support positioning, removal delay, and callbacks.

With Action

Use actions slot to add action button. A v-snackbar in its simplest form displays a temporary and closable notification to the user.

Multi Line

The multi-line property extends the height of the v-snackbar to give you a little more room for content.

Timeout

The timeout property lets you customize the delay before the v-snackbar is hidden.

Vertical

The vertical property allows you to stack the content of your v-snackbar.

Position

Use location prop to change the position of snackbar.

Variants

Apply different styles to the snackbar using props such as shaped, rounded, color, text, outlined, tile and more.

Transition

The v-snackbar component is used to display a quick message to a user. Snackbars support positioning, removal delay, and callbacks.

CONTENTS
  • Introduction

  • Basic

  • With Action

  • Multi Line

  • Timeout

  • Vertical

  • Position

  • Variants

  • Transition