Hocus Variants

Class	Properties
hocus	&:hover &:focus
hocus-within	&:hover &:focus-within
hocus-visible	&:hover &:focus-visible

Usage

Single import

// tailwind.config.js
 
import { hocus } from "tailwindcss-addons"
 
export default {
    plugins: [hocus],
}

Multi import

// tailwind.config.js
 
import { allAddons } from "tailwindcss-addons"
 
export default {
    plugins: [
        ...allAddons({
            hocus: false, // Enabled by default.
        }),
    ],
}