NOTE: This package is experimental and is subject to change.

• Install

npm i @astrouxds/tailwind

• If you're not using the Astro Web Components, you'll need to Install Astro Design Tokens
  • npm i @astrouxds/tokens
  • In your project root: import '@astrouxds/tokens/dist/css/index.css'
• Install Tailwind in your project.
• Add the Astro Tailwind plugin

//tailwind.config.js
...
 plugins: [require('@astrouxds/tailwind')]
...

Reference Demo Site for a list of available colors and utilities.

For more detailed information, see our Design Token Documentation

Tailwind doesn't support shadow parts out of the box so we highly recommend also installing this Tailwind Custom Elements Plugin