diff --git a/front/components/admin/alert.vue b/front/components/admin/alert.vue
new file mode 100644
index 0000000..72ee50b
--- /dev/null
+++ b/front/components/admin/alert.vue
@@ -0,0 +1,14 @@
+<template>
+  <div class="notification is-light" :class="`is-${type}`">
+    <button class="delete" @click="show = false" />
+    <slot />
+  </div>
+</template>
+
+<script setup lang="ts">
+defineProps({
+  type: { type: String, default: "info" },
+  modelValue: { type: Boolean, default: false },
+})
+const show = useModel("modelValue")
+</script>