From ba9f960ef999cfa92afea09f703898956cc69421 Mon Sep 17 00:00:00 2001
From: Joshua Graber <68428039+joshuagraber@users.noreply.github.com>
Date: Fri, 7 Jun 2024 11:10:49 -0400
Subject: [PATCH] feat(components): loading (#82)
---
.vscode/extensions.json | 2 +-
src/components/Spinner/PdapSpinner.vue | 78 +++++++++++++
.../__snapshots__/spinner.spec.ts.snap | 54 +++++++++
src/components/Spinner/index.ts | 1 +
src/components/Spinner/spinner.spec.ts | 60 ++++++++++
src/components/Spinner/types.ts | 6 +
src/components/index.ts | 1 +
src/demo/pages/ComponentDemo.vue | 106 +++++++++++++++---
src/styles/utilities.css | 6 +-
9 files changed, 295 insertions(+), 19 deletions(-)
create mode 100644 src/components/Spinner/PdapSpinner.vue
create mode 100644 src/components/Spinner/__snapshots__/spinner.spec.ts.snap
create mode 100644 src/components/Spinner/index.ts
create mode 100644 src/components/Spinner/spinner.spec.ts
create mode 100644 src/components/Spinner/types.ts
diff --git a/.vscode/extensions.json b/.vscode/extensions.json
index d3d2b7d..f830b89 100644
--- a/.vscode/extensions.json
+++ b/.vscode/extensions.json
@@ -1,6 +1,6 @@
{
"recommendations": [
"tailwind.tailwindcss",
- "vue.volar"
+ "Vue.volar"
]
}
\ No newline at end of file
diff --git a/src/components/Spinner/PdapSpinner.vue b/src/components/Spinner/PdapSpinner.vue
new file mode 100644
index 0000000..15f665f
--- /dev/null
+++ b/src/components/Spinner/PdapSpinner.vue
@@ -0,0 +1,78 @@
+
+
+ {{ text }}
+
Loading...
+loading-shimmer
class (which is just a wrapper around
+ the TailwindCSS animate-pulse
class) can be applied to
+ anything.
+ These are all contained within a grid container, defined by using the @@ -37,25 +81,27 @@
This is an unstyled button meant to take any styling (see the clickable pills in current data sources search results) @@ -76,8 +122,8 @@ }" > Press to toggle dropdown open/closed + > + + > +