@netleak/vue-flash-message-test

@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