diff options
| author |  Nate Moore <natemoo-re@users.noreply.github.com>
| 2021-06-28 10:46:10 -0500 |
|---|---|---|
| committer |  GitHub <noreply@github.com>
| 2021-06-28 10:46:10 -0500 |
| commit | 7063c04dec48fcabcda104c42d61642a554f6044 (patch) | |
| tree | ccc57515b9609f9a211154e2a783ab324ee1b8ed /examples/with-tailwindcss/src | |
| parent | 13f50564cb8cfece7857c7b08be064d5e9e9853a (diff) | |
| download | astro-7063c04dec48fcabcda104c42d61642a554f6044.tar.gz astro-7063c04dec48fcabcda104c42d61642a554f6044.tar.zst astro-7063c04dec48fcabcda104c42d61642a554f6044.zip | |
Restructure examples (#568)
* rename kitchen sink, pull out react example
* split out the rest of the examples
* align versions
* chore: rename examples
* chore: normalize gitignore
* chore: update package versions
* chore: move framework examples to `framework` namespace
* docs: add README to examples
Co-authored-by: Austin Crim <crim.austin@principal.com>
Diffstat (limited to 'examples/with-tailwindcss/src')
| -rw-r--r-- | examples/with-tailwindcss/src/components/Button.astro | 3 | ||||
| -rw-r--r-- | examples/with-tailwindcss/src/pages/index.astro | 15 |
2 files changed, 18 insertions, 0 deletions
diff --git a/examples/with-tailwindcss/src/components/Button.astro b/examples/with-tailwindcss/src/components/Button.astro new file mode 100644 index 000000000..64baa50ae --- /dev/null +++ b/examples/with-tailwindcss/src/components/Button.astro @@ -0,0 +1,3 @@ +<button class="py-2 px-4 bg-green-500 text-white font-semibold rounded-lg shadow-md hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-green-400 focus:ring-opacity-75"> + <slot /> +</button> diff --git a/examples/with-tailwindcss/src/pages/index.astro b/examples/with-tailwindcss/src/pages/index.astro new file mode 100644 index 000000000..00ac41dac --- /dev/null +++ b/examples/with-tailwindcss/src/pages/index.astro @@ -0,0 +1,15 @@ +--- +import Button from '../components/Button.astro'; +--- + +<html> + <head> + <meta charset="UTF-8" /> + <title>Astro + TailwindCSS</title> + <link rel="stylesheet" type="text/css" href="/global.css"> + </head> + + <body> + <Button>I’m a Tailwind Button!</Button> + </body> +</html> |