feat(snippets): add Skeleton snippets

selemondev · Feb 3, 2024 · e4c0758 · e4c0758
1 parent 887803c
commit e4c0758
Show file tree

Hide file tree

Showing 2 changed files with 27 additions and 0 deletions.
diff --git a/src/snippets/imports.code-snippets b/src/snippets/imports.code-snippets
@@ -290,6 +290,16 @@
       "description": "https://park-ui.com/docs/tailwind/components/select"
     },
 
+    "Skeleton": {
+      "prefix": ["park-skeleton"],
+      "body": [
+        "import { Circle, HStack, Stack } from 'styled-system/jsx'",
+        "import { Skeleton, type SkeletonProps } from '~/components/ui/skeleton'",
+        ""
+      ],
+      "description": "https://park-ui.com/docs/tailwind/components/skeleton"
+    },
+
 
     "Slider": {
         "prefix": ["park-i-slider", "park-slider"],

diff --git a/src/snippets/usage.code-snippets b/src/snippets/usage.code-snippets
@@ -725,6 +725,23 @@
       "description": "https://park-ui.com/docs/tailwind/components/select"
     },
 
+    "Skeleton": {
+      "prefix": ["park-x-skeleton", "park-ui-skeleton"],
+      "body": [
+        " <HStack width=\"full\" gap=\"4\">",
+        "      <Skeleton borderRadius=\"full\">",
+        "        <Circle size=\"20\" />",
+        "      </Skeleton>",
+        "      <Stack gap=\"3.5\" width=\"full\">",
+        "        <Skeleton h=\"4\" />",
+        "        <Skeleton h=\"4\" width=\"80%\" />",
+        "        <Skeleton h=\"4\" width=\"60%\" />",
+        "      </Stack>",
+        "    </HStack>"
+      ],
+      "description": "https://park-ui.com/docs/tailwind/components/skeleton"
+    },
+
     "Slider": {
         "prefix": ["park-x-slider", "park-ui-slider"],
         "body": [