# # Alert

- Installation
- Basic Example

## # 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>