TailwindCSS Addons

Installation

npm install -D tailwindcss-addons

How to use it

Add the code below into your tailwind.config.cjs file:

const tailwindcssAddons = require("tailwindcss-addons")
const config = {
	presets: [
		tailwindcssAddons(),
	],
}

The function takes an object as an argument:

tailwindcssAddons({
	// Here
})

Default configuration

const defaultConfig = {
	base: true,
	presets: true,
	utilities: {
		dir: true,
		drag: true,
		flexGrid: false, // Not active by default
		flip: true,
		hideShow: true,
		inputResets: true,
		insetCenter: true,
		overflowUnset: true,
		fontWeightRegular: false, // Not active by default
	},
	variants: {
		notVariants: true,
	},
}

Add or remove

Use true to include and use false to exclude.

tailwindcssAddons({
	base: false, // Excluded
	utilities: {
		flexGrid: true, // Included
	},
})
Return to top