#150 - added base for empty states

2022-06-01 12:16:52 +02:00 · 2022-06-01 12:16:52 +02:00 · e796e963f3
commit e796e963f3
parent 0bebe2ecf1
1 changed files with 21 additions and 0 deletions
--- a/resources/js/Shared/Feedbacks/EmptyState.vue
+++ b/resources/js/Shared/Feedbacks/EmptyState.vue
@ -0,0 +1,21 @@
+<template>
+  <div class="text-center my-5">
+    <slot name="head">
+      <SearchIcon class="mx-auto w-12 h-12" />
+    </slot>
+    <h3 class="mt-2 text-sm font-medium">
+      <slot name="title">
+        No search result
+      </slot>
+    </h3>
+    <p class="text-sm text-gray-500">
+      <slot name="text">
+        Try a different search query
+      </slot>
+    </p>
+  </div>
+</template>
+
+<script setup>
+import { SearchIcon } from '@heroicons/vue/solid'
+</script>