Merge pull request #44 from frailbongat/feature/scrollarea-snippet

feat: add snippet for scroll-area component
selemondev · Nov 29, 2024 · 7a967f6 · 7a967f6
2 parents f4c12d0 + 2d85b28
commit 7a967f6
Show file tree

Hide file tree

Showing 3 changed files with 42 additions and 0 deletions.
diff --git a/src/snippets/imports-code-snippets-next.json b/src/snippets/imports-code-snippets-next.json
@@ -283,6 +283,17 @@
       ],
       "description": "https://next.shadcn-svelte.com/docs/components/range-calendar.html"
     },
+    "Scroll Area": {
+      "prefix": [
+        "shadcn-ix-scroll-area",
+        "cni-x-scroll-area"
+      ],
+      "body": [
+        "import { ScrollArea } from \"$$lib/components/ui/scroll-area/index.js\"",
+        ""
+      ],
+      "description": "https://next.shadcn-svelte.com/docs/components/scroll-area.html"
+    },
     "Select": {
       "prefix": [
         "cni-x-select"

diff --git a/src/snippets/imports-code-snippets.json b/src/snippets/imports-code-snippets.json
@@ -283,6 +283,17 @@
     ],
     "description": "https://shadcn-svelte.com/docs/components/range-calendar.html"
   },
+  "Scroll Area": {
+    "prefix": [
+      "shadcn-i-scroll-area",
+      "cni-scroll-area"
+    ],
+    "body": [
+      "import { ScrollArea } from \"$$lib/components/ui/scroll-area\"",
+      ""
+    ],
+    "description": "https://shadcn-svelte.com/docs/components/scroll-area.html"
+  },
   "Select": {
     "prefix": [
       "cni-select"

diff --git a/src/snippets/usage-code-snippets.json b/src/snippets/usage-code-snippets.json
@@ -576,6 +576,26 @@
     ],
     "description": "https://shadcn-svelte.com/docs/components/range-calendar.html"
   },
+  "Scroll Area": {
+    "prefix": [
+      "cnx-scroll-area",
+      "shadcn-x-scroll-area"
+    ],
+    "body": [
+      "<ScrollArea class=\"h-72 w-48 rounded-md border\">",
+      "  <div class=\"p-4\">",
+      "    <h4 class=\"mb-4 text-sm font-medium leading-none\">Tags</h4>",
+      "    {#each Array.from({ length: 50 }) as _, i (i)}",
+      "      <div class=\"text-sm\">",
+      "        v1.2.0-beta.{50 - i}",
+      "      </div>",
+      "      <div class=\"my-2 h-px bg-border\" role=\"separator\"></div>",
+      "    {/each}",
+      "  </div>",
+      "</ScrollArea>"
+    ],
+    "description": "https://next.shadcn-svelte.com/docs/components/scroll-area.html"
+  },
   "Select": {
     "prefix": [
       "cnx-select",