@angularforge/gallery

Tailwind CSS Setup

Required: point Tailwind at the gallery bundle so its utility classes are generated.

The published code is bundled to node_modules/@angularforge/gallery/fesm2022/*.mjs with all component templates inlined — so Tailwind only needs to scan that file.

Tailwind v4

v4 is configured from your CSS entry point with the @source directive — no JS config needed:

styles.css

@import 'tailwindcss';

/* Scan the library bundle so its utility classes are generated */
@source '../node_modules/@angularforge/gallery/fesm2022/*.mjs';

Tailwind v3

Add the package to your content globs:

tailwind.config.js

module.exports = {
  content: [
    './src/**/*.{html,ts}',
    './node_modules/@angularforge/gallery/fesm2022/*.mjs',
  ],
};