# ips-alert

[![tested with jest](https://img.shields.io/badge/tested_with-jest-99424f.svg)](https://github.com/facebook/jest) [![jest](https://jestjs.io/img/jest-badge.svg)](https://github.com/facebook/jest)

The `<ips-alert>` provides contextual feedback messages for typical user actions with the handful
of available and flexible alert message.

## Live demo

See [Storybook](http://ipscape-component-library.s3-website-ap-southeast-2.amazonaws.com/storybook/)

## Getting started

Install the component library:

```
npm install @ipscape/ips-alert
```

or

```
yarn add @ipscape/ips-alert
```

Add the component to your app:

```javascript
import Vue from 'vue';
import IpsAlert from '@ipscape/ips-alert';
import '@ipscape/ips-alert/dist/ips-alert.css';

Vue.component(IpsAlert.name, IpsAlert);
```

Use a component in your application:

```html
<template>
  <ips-alert
    message="Alert message"
    title="Alert title"
    variant="info"
  ></ips-alert>
  <template></template
></template>
```

## License

[![License: GPL v2](https://img.shields.io/badge/License-GPL%20v2-blue.svg)](https://img.shields.io/badge/License-GPL%20v2-blue.svg) [![License: GPL v3](https://img.shields.io/badge/License-GPL%20v3-blue.svg)](http://www.gnu.org/licenses/gpl-3.0)

Made with &#x2764; by [ipSCAPE](https://ipscape.com)

Licensed under the terms of [GNU General Public License Version 2 or later](http://www.gnu.org/licenses/gpl.html). For full details about the license, please check the `LICENSE.md` file.