add links

Author: ewgenius

README.md

@@ -2,6 +2,12 @@
 
 TailwindCSS plugin for setting up multiple themes based on css variables
 
+## Examples
+
+https://tailwindcss-variable-themes.ewgenius.me/custom ([code](apps/example/tailwind-custom.config.js))
+https://tailwindcss-variable-themes.ewgenius.me/radix-colors ([code](apps/example/tailwind-radix.config.js))
+https://tailwindcss-variable-themes.ewgenius.me/tailwind-colors ([code](apps/example/tailwind-tailwind.config.js))
+
 ## Installation
 
 Install the plugin from npm:

apps/example/components/ExampleLayout.tsx

@@ -33,6 +33,29 @@ export const ExampleLayout: FC<
 
           <div className="flex-grow" />
 
+          <a
+            href="https://www.npmjs.com/package/tailwindcss-variable-themes"
+            className="underline opacity-50 hover:no-underline hover:opacity-100"
+          >
+            <svg
+              className="w-4 h-4"
+              xmlns="http://www.w3.org/2000/svg"
+              width="24"
+              height="24"
+              viewBox="0 0 24 24"
+              fill="none"
+              stroke="currentColor"
+              stroke-width="2"
+              stroke-linecap="round"
+              stroke-linejoin="round"
+            >
+              <line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line>
+              <path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path>
+              <polyline points="3.29 7 12 12 20.71 7"></polyline>
+              <line x1="12" y1="22" x2="12" y2="12"></line>
+            </svg>
+          </a>
+
           <a
             href="https://github.com/ewgenius/tailwindcss-variable-themes"
             className="underline opacity-50 hover:no-underline hover:opacity-100"