feat: Add Spinner to new components (#10303)

- Add Spinner to new components
2024-10-16 17:53:46 -07:00
parent 306a6c6ce0
commit 35b21c1cea
2 changed files with 40 additions and 0 deletions
--- a/app/javascript/dashboard/components-next/spinner/Spinner.vue
+++ b/app/javascript/dashboard/components-next/spinner/Spinner.vue
@@ -0,0 +1,25 @@
+<script setup>
+defineProps({
+  size: {
+    type: Number,
+    default: 24,
+  },
+});
+</script>
+
+<template>
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    :width="size"
+    :height="size"
+    viewBox="0 0 24 24"
+    fill="none"
+    stroke="currentColor"
+    strokeWidth="8"
+    strokeLinecap="round"
+    strokeLinejoin="round"
+    class="animate-spin"
+  >
+    <path d="M21 12a9 9 0 1 1-6.219-8.56" />
+  </svg>
+</template>