TailwindCSS Addons
Installation
pnpm add -D tailwindcss-addons
How to use it
Add the code below into your tailwind.config.js
file:
import tailwindcssAddons from "tailwindcss-addons"
const config = {
presets: [
tailwindcssAddons(),
],
}
The function takes an object
as an argument:
tailwindcssAddons({
// Here
})
Default configuration
const defaultConfig = {
presets: {
flexGrid: false,
fontWeightRegular: false,
moreDefaultValues: true,
screenToDynamicScreen: false,
},
utilities: {
bgGrid: true,
bgRadial: true,
dir: true,
drag: true,
flip: true,
hideShow: true,
inputResets: true,
insetCenter: true,
overflowUnset: true,
tapHighlight: true,
},
variants: {
notVariants: true,
},
}
Add or remove
Use true
to include and use false
to exclude.