@MESG-COMPONENTS/SNACKBAR

Install

npm install @mesg-components/snackbar or yarn add @mesg-components/snackbar

Properties

• top: Boolean, Optional. The default is false
• bottom: Boolean, Optional. The default is false
• left: Boolean, Optional. The default is false
• right: Boolean, Optional. The default is false
• timeout: Number, Optional. The default is 6000
• text: String, Optional.
• success: Boolean, Optional. The default is false
• info: Boolean, Optional. The default is false
• error: Boolean, Optional. The default is false
• v-model: Boolean, Required.

Slot

• default

Example

const openSnackbar = true

Default:

<template>
  <snack-bar :text="items" v-model="openSnackbar">Outline Button</snack-bar>
</template>

Custom position:

<template>
  <Snackbar left bottom text="Hello, I'm a snackbar" v-model="openSnackbar" />
</template>

Custom timeout:

<template>
  <Snackbar timeout="2000" text="Hello, I'm a snackbar" v-model="openSnackbar" />
</template>

Custom slot:

<template>
  <Snackbar v-model="openSnackbar">
    ... value or html elements ...
  </Snackbar>
</template>