chore: setup example

egoist · May 6, 2024 · 1782bdf · 1782bdf
1 parent dc52e9f
commit 1782bdf
Show file tree

Hide file tree

Showing 4 changed files with 20 additions and 4 deletions.
diff --git a/.gitignore b/.gitignore
@@ -3,3 +3,4 @@ node_modules
 dist
 *.log
 /types.ts
+output.css
diff --git a/example/index.html b/example/index.html
@@ -4,10 +4,11 @@
     <meta charset="UTF-8" />
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="stylesheet" href="/output.css" />
     <title>Document</title>
   </head>
   <body>
-    <div class="i-heroicons-academic-cap bg-white text-red-500"></div>
-    <div class="i-[mdi--ab-testing] text-white"></div>
+    <div class="i-lucide-home"></div>
+    <div class="i-[mdi--ab-testing]"></div>
   </body>
 </html>
diff --git a/example/input.css b/example/input.css
@@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
diff --git a/example/tailwind.config.cjs b/example/tailwind.config.cjs
@@ -1,6 +1,17 @@
-const { iconsPlugin, dynamicIconsPlugin } = require("../dist/index.cjs");
+const {
+  iconsPlugin,
+  dynamicIconsPlugin,
+  getIconCollections,
+} = require("../dist/index.cjs");
 
 module.exports = {
   content: ["./index.html"],
-  plugins: [iconsPlugin(), dynamicIconsPlugin()],
+  plugins: [
+    iconsPlugin({
+      scale: 10,
+      strokeWidth: 1,
+      collections: getIconCollections(["lucide", "mdi"]),
+    }),
+    dynamicIconsPlugin({ scale: 10 }),
+  ],
 };
-Original file line number
+Diff line change
@@ Expand Up / @@ -3,3 +3,4 @@ node_modules @@
     dist
     *.log
     /types.ts
+    output.css