# Alert

# Installation

NPM

npm i @vue-interface/alert --save

Yarn

yard add @vue-interface/alert

CDN

https://cdn.jsdelivr.net/npm/@vue-interface/alert@1.0.2/dist/Alert.min.js

# Basic Example

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
        <title>@vue-interface/alert</title>
        <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap-reboot.min.css">
        <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap-grid.min.css">
        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@vue-interface/alert@1.0.2/dist/Alert.css">
    </head>
    <body>
        <h1>@vue-interface/alert</h1>

        <div id="app" class="container">
            <alert>This is an alert.</alert>
        </div>

        <script src="https://cdn.jsdelivr.net/npm/vue@2.6/dist/vue.js"></script>
        <script src="https://cdn.jsdelivr.net/npm/@vue-interface/alert@1.0.2/dist/Alert.min.js"></script>
        <script type="text/javascript">
            const vue = new Vue({
                el: '#app',
                components: {
                    Alert
                }
            });
        </script>
    </body>
</html>