diff options
Diffstat (limited to 'examples/with-tailwindcss/src')
-rw-r--r-- | examples/with-tailwindcss/src/components/Button.astro | 9 | ||||
-rw-r--r-- | examples/with-tailwindcss/src/pages/index.astro | 2 |
2 files changed, 7 insertions, 4 deletions
diff --git a/examples/with-tailwindcss/src/components/Button.astro b/examples/with-tailwindcss/src/components/Button.astro index 7d11c37ea..70962e801 100644 --- a/examples/with-tailwindcss/src/components/Button.astro +++ b/examples/with-tailwindcss/src/components/Button.astro @@ -2,11 +2,14 @@ // Click button, get confetti! // Styled by Tailwind :) --- -<button class="py-2 px-4 bg-purple-500 text-white font-semibold rounded-lg shadow-md hover:bg-purple-700 focus:outline-none focus:ring-2 focus:ring-purple-400 focus:ring-opacity-75"> + +<button + class="py-2 px-4 bg-purple-500 text-white font-semibold rounded-lg shadow-md hover:bg-purple-700 focus:outline-none focus:ring-2 focus:ring-purple-400 focus:ring-opacity-75" +> <slot /> </button> <script> - import confetti from 'canvas-confetti'; - document.body.querySelector('button').addEventListener("click", () => confetti()); + import confetti from "canvas-confetti"; + document.body.querySelector("button").addEventListener("click", () => confetti()); </script> diff --git a/examples/with-tailwindcss/src/pages/index.astro b/examples/with-tailwindcss/src/pages/index.astro index ebccafa34..651a47fa3 100644 --- a/examples/with-tailwindcss/src/pages/index.astro +++ b/examples/with-tailwindcss/src/pages/index.astro @@ -1,6 +1,6 @@ --- // Component Imports -import Button from '../components/Button.astro'; +import Button from "../components/Button.astro"; // Full Astro Component Syntax: // https://docs.astro.build/core-concepts/astro-components/ |