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