fjg-side-menu
v0.0.2
Published
Este componente usa clases utility de Tailwind en el template (por ejemplo `bg-gradient-to-br`, `from-gray-800`, `text-white`, `w-72`, etc). Si lo instalas en otro proyecto y no ves el estilo (fondo blanco / layout “sin diseño”), casi siempre es porque **
Downloads
192
Readme
fjg-side-menu
Este componente usa clases utility de Tailwind en el template (por ejemplo bg-gradient-to-br, from-gray-800, text-white, w-72, etc).
Si lo instalas en otro proyecto y no ves el estilo (fondo blanco / layout “sin diseño”), casi siempre es porque Tailwind no está generando esas clases para el HTML que viene desde node_modules.
Requisitos
- Angular compatible con el template (usa control flow
@if). - TailwindCSS habilitado en el proyecto consumidor.
Configuración (proyecto consumidor)
En tu tailwind.config.*, agrega el paquete a content para que Tailwind escanee los templates del library:
// tailwind.config.js / tailwind.config.cjs
module.exports = {
content: [
"./src/**/*.{html,ts}",
"./node_modules/fjg-side-menu/**/*.{html,ts,mjs}",
],
theme: { extend: {} },
plugins: [],
};Si usas Tailwind v4, aplica lo mismo en la configuración equivalente (la idea es: incluir node_modules/fjg-side-menu en el escaneo).
Nota
Si no quieres depender de Tailwind en el proyecto consumidor, este package tendría que exportar CSS propio (precompilado) en vez de depender de utilities en runtime.
