@netleak/vue-flash-message-test

Vue component for flash messages

Usage no npm install needed!

<script type="module">
  import netleakVueFlashMessageTest from 'https://cdn.skypack.dev/@netleak/vue-flash-message-test';
</script>

README

@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