yarn add @patrickspafford/astro-ui
- Get set up with the Tailwind integration in your Astro project.
- Include
@patrickspafford/tailwind-styles
in your Tailwind config (e.g.,tailwind.config.cjs
) as a plugin.
...
plugins: [
require("@patrickspafford/tailwind-styles")
],
...
- Specify the relative path to the files in
@patrickspafford/astro-ui/components/*.astro
in your Tailwind config file.
import { Paragraph } from "@patrickspafford/astro-ui/components"
---
<Paragraph>Hello!</Paragraph>