# @netleak/vue-flash-message

**Component for flash messages**

## Instalation

```shell
yarn add @netleak/vue-flash-message
or
npm install @netleak/vue-flash-message
```

## Usage

### Webpack

```js
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

```html
<!-- 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

```vue
<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`