TailwindCSS

This is a adder for svelte-add and is used to add TailwindCSS to your svelte/kit project.

You can find all options for this adder on this site. We will only provide a short breakdown of the adder features here.

Basic usage

npx @svelte-add/tailwindcss@latest

In case you already have a directory in mind, you can use this:

npx @svelte-add/tailwindcss@latest --path ./your-project

Available options (adder-specific)

• typography (default: false) - Do you want to use typography plugin?

Option syntax

npx @svelte-add/tailwindcss@latest --key value

Specific example

npx @svelte-add/tailwindcss@latest --typography false

You can combine as many options as you want. The usage of options is optional. If you don't specify an option value via the command line, the CLI will ask you the questions interactively.

Available options (common)

• default (default: false) - Installs default adder options for unspecified options
• path (default: ./) - Path to working directory
• skip-preconditions (default: false) - Skips validating preconditions before running the adder
• skip-install (default: false) - Skips installing dependencies after applying the adder

Option syntax

npx @svelte-add/tailwindcss@latest --key value

Specific example

npx @svelte-add/tailwindcss@latest --path ./

You can combine as many options as you want. The usage of options is optional. If you don't specify an option value via the command line, the CLI will ask you the questions interactively.