diff options
| author |  Yaroslav Lapin <jlarky@gmail.com>
| 2022-10-18 06:22:48 -0700 |
|---|---|---|
| committer |  GitHub <noreply@github.com>
| 2022-10-18 09:22:48 -0400 |
| commit | 66e8ae3bee9cd1acff156b7dc61ce56361ef4966 (patch) | |
| tree | 2ded7fb53f5e9fed7d23d0c56c763d2b877bcef0 /examples/with-tailwindcss/src | |
| parent | d7407dbb1595a8e621ec4a47a11d5ec368db1c33 (diff) | |
| download | astro-66e8ae3bee9cd1acff156b7dc61ce56361ef4966.tar.gz astro-66e8ae3bee9cd1acff156b7dc61ce56361ef4966.tar.zst astro-66e8ae3bee9cd1acff156b7dc61ce56361ef4966.zip | |
update with-tailwind example to use mdx (#5104)
* add mdx since md is deprecated now
* rename .md -> .mdx
* fix component import
* yarn format
Diffstat (limited to 'examples/with-tailwindcss/src')
| -rw-r--r-- | examples/with-tailwindcss/src/pages/markdown-page.md | 11 | ||||
| -rw-r--r-- | examples/with-tailwindcss/src/pages/markdown-page.mdx | 13 |
2 files changed, 13 insertions, 11 deletions
diff --git a/examples/with-tailwindcss/src/pages/markdown-page.md b/examples/with-tailwindcss/src/pages/markdown-page.md deleted file mode 100644 index 4f4859452..000000000 --- a/examples/with-tailwindcss/src/pages/markdown-page.md +++ /dev/null @@ -1,11 +0,0 @@ ---- -title: 'Markdown + Tailwind' -layout: ../layouts/main.astro -setup: | - import Button from '../components/Button.astro'; ---- - -<div class="grid place-items-center h-screen content-center"> - <Button>Tailwind Button in Markdown!</Button> - <a href="/" class="p-4 underline">Go home...</a> -</div> diff --git a/examples/with-tailwindcss/src/pages/markdown-page.mdx b/examples/with-tailwindcss/src/pages/markdown-page.mdx new file mode 100644 index 000000000..8b024ec9c --- /dev/null +++ b/examples/with-tailwindcss/src/pages/markdown-page.mdx @@ -0,0 +1,13 @@ +--- +title: 'Markdown + Tailwind' +layout: ../layouts/main.astro +--- + +import Button from '../components/Button.astro'; + +<div class="grid place-items-center h-screen content-center"> + <Button>Tailwind Button in Markdown!</Button> + <a href="/" class="p-4 underline"> + Go home... + </a> +</div> |