From 0364da7b063fe84ed5769b4053a57b31879ea13a Mon Sep 17 00:00:00 2001
From: Joshua Graber <joshua.d.graber@gmail.com>
Date: Mon, 10 Jun 2024 09:35:31 -0400
Subject: [PATCH] docs(components): add spinner docs

---
 src/components/Spinner/PdapSpinner.vue | 12 ++++++++++++
 src/components/Spinner/README.md       | 17 +++++++++++++++++
 2 files changed, 29 insertions(+)
 create mode 100644 src/components/Spinner/README.md

diff --git a/src/components/Spinner/PdapSpinner.vue b/src/components/Spinner/PdapSpinner.vue
index 15f665f..31485ea 100644
--- a/src/components/Spinner/PdapSpinner.vue
+++ b/src/components/Spinner/PdapSpinner.vue
@@ -44,6 +44,18 @@ withDefaults(defineProps<PdapSpinnerProps>(), {
 });
 </script>
 
+<script lang="ts">
+/**
+ * # `Spinner`
+ * Loading spinner component
+ *
+ * @preserve
+ */
+export default {
+	name: 'PdapSpinner',
+};
+</script>
+
 <style>
 @tailwind components;
 
diff --git a/src/components/Spinner/README.md b/src/components/Spinner/README.md
new file mode 100644
index 0000000..a1e7eec
--- /dev/null
+++ b/src/components/Spinner/README.md
@@ -0,0 +1,17 @@
+# Breadcrumbs
+
+The spinner component renders a layered SVG that rotates while it is displayed. Useful for loading states.
+
+## Props
+
+| name    | required? | types     | description                   | default          |
+| ------- | --------- | --------- | ----------------------------- | ---------------- |
+| `color` | no        | `string`  | Color                         | `'currentColor'` |
+| `size`  | no        | `string`  | Size in pixels                | `24`             |
+| `text`  | no        | `string`  | Text to display while loading | `''`             |
+| `show`  | yes       | `boolean` | When to show the spinner      | `false`          |
+
+
+## Example
+
+See [Component demo](../../demo/pages/ComponentDemo.vue) for multiple examples, including 
\ No newline at end of file