Inset Center

Class	Properties
inset-center	@apply top-1/2 right-1/2 translate-x-1/2 -translate-y-1/2;
inset-x-center	@apply right-1/2 translate-x-1/2;
inset-y-center	@apply top-1/2 -translate-y-1/2;

Usage

Single import

// tailwind.config.js | tailwind.config.ts

import { insetCenter } from "tailwindcss-addons"

export default {
    plugins: [insetCenter],
}

Multi import

// tailwind.config.js | tailwind.config.ts

import tailwindcssAddons from "tailwindcss-addons"

export default {
    plugins: [
        ...tailwindcssAddons({
            insetCenter: false, // Enabled by default
        }),
    ],
}