Hide & Show

Class	Properties
hide	visibility: hidden; opacity: 0; pointer-events: none;
show	visibility: visible; opacity: 1; pointer-events: auto;

Usage

Single import

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

Multi import

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