astro-devtoolbar-tailwind

A simple Astro Dev Toolbar integration to allow you to see and toggle Tailwind classes easily, per element, in real time! 💪

Usage

Installation

Install the integration automatically using the Astro CLI:

pnpm astro add astro-devtoolbar-tailwind

npm astro add astro-devtoolbar-tailwind

yarn astro add astro-devtoolbar-tailwind

Or install it manually:

1. Install the required dependencies

pnpm add astro-devtoolbar-tailwind

npm install astro-devtoolbar-tailwind

yarn add astro-devtoolbar-tailwind

2. Add the integration to your astro config

+import AstroDevtoolbarTailwind from "astro-devtoolbar-tailwind";

export default defineConfig({
  integrations: [
+    AstroDevtoolbarTailwind(),
  ],
});

Configuration

TODO:configuration

Contributing

This package is structured as a monorepo:

• playground contains code for testing the package
• package contains the actual package

Install dependencies using pnpm:

pnpm i --frozen-lockfile

Start the playground:

pnpm playground:dev

You can now edit files in package. Please note that making changes to those files may require restarting the playground dev server.

Licensing

MIT Licensed. Made with ❤️ by jdtjenkins.

Acknowledgements

The Astro Team 💖