@netleak/vue-flash-message
Component for flash messages
Instalation
yarn add @netleak/vue-flash-message
or
npm install @netleak/vue-flash-message
Usage
Webpack
import Vue from 'vue'
import FlashMessage from '@netleak/vue-flash-message'
// import only if you want to use prepared styles
import '@netleak/vue-flash-message/dist/vue-flash-message.css'
Vue.use(FlashMessage)
Browser
<!-- Inlcude after Vue -->
<!-- Local files -->
<script src="@netleak/vue-flash-message/dist/flash-message.js"></script>
<!-- From CDN -->
<script src="https://unpkg.com/@netleak/vue-flash-message"></script>
Screenshots
Examples
<flash-message class="info">
<template #title>Error</template>
<template #message>E-mail input is required!</template>
</flash-message>
API
flash-message
Slots
Name | Description |
---|---|
title |
Flash message title |
message |
Flash message content |
FlashMessage types (colored if you're import styles)
.info
.success
.warning
-
.error
,.danger
Other classes (you can adjust to your styles)
.fm
.fm-close
.fm-title
.fm-content