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 = {
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({
presets: false, // Excluded
utilities: {
flexGrid: true, // Included
},
})