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.story.vue
+++ b/app/javascript/dashboard/components-next/spinner/Spinner.story.vue
@@ -0,0 +1,15 @@
+<script setup>
+import Spinner from './Spinner.vue';
+</script>
+
+<template>
+  <Story title="Components/Spinner" :layout="{ type: 'grid', width: '400' }">
+    <Variant title="Default">
+      <Spinner size="24" class="text-n-slate-10" />
+      <Spinner size="32" class="text-n-ruby-10" />
+      <Spinner size="40" class="text-n-amber-10" />
+      <Spinner size="48" class="text-n-teal-10" />
+      <Spinner size="64" class="text-n-brand" />
+    </Variant>
+  </Story>
+</template>