Repository files navigation

This is an adder forsvelte-add; you shouldread itsREADME before continuing here.

This adder's codename istailwindcss, and can be used like so:

npx svelte-add@latest tailwindcss

This adder supports SvelteKit and Vite-powered Svelte apps (all the environmentssvelte-add currently supports).

• forms (defaultfalse): whether or not to install and set up theTailwind CSS Forms plugin.

• typography (defaultfalse): whether or not to install and set up theTailwind CSS Typography plugin.

• daisyui (defaultfalse): whether or not to install and set updaisyUI as a Tailwind plugin.

npx svelte-add@latest tailwindcss --tailwindcss-forms --tailwindcss-typography --tailwindcss-daisyui

After the adder runs,

• You can use Tailwind utility classes likebg-blue-700 in the markup (components, routes,app.html).

• You can useTailwind directives like@apply and@screen or use thetheme function in Sveltestyle lang="postcss" blocks or thesrc/app.pcss file.

• You canconfigure Tailwind in thetailwind.config.cjs file.

• Your Tailwind CSS will be purged for production builds.