Skip to main content

Complementos

Amplíe Frutjam con complementos CSS Tailwind exclusivos para CSS. Cero JavaScript, accesible a WCAG, independiente del marco. Funciona con Django, HTMX, Laravel y cualquier framework.

Los complementos de Frutjam amplían la biblioteca principal con componentes e integraciones adicionales más allá de los elementos estándar de la interfaz de usuario. Cada complemento es un paquete npm independiente: instale solo lo que su proyecto necesita y regístrelo con una única directiva @plugin junto con su importación principal de Frutjam. Los complementos se integran perfectamente con el sistema de temas existente, heredando automáticamente sus variables CSS y tokens de color WCAG AA. Independientemente del marco por diseño, los complementos funcionan con Django, HTMX, Laravel, React y cualquier proyecto Tailwind CSS v4.

Markdown Editor

Un editor de rebajas que mejora su área de texto en lugar de reemplazarla, por lo que el envío de formularios, la validación y los campos obligatorios siguen funcionando. Modos WYSIWYG y Simple Markdown, vista previa en vivo, buscar y reemplazar, soporte RTL, modo oscuro. Funciona de forma independiente con Django, Laravel, Rails, Node.js, PHP y cualquier pila.

¿Qué son los complementos?

Los complementos de Frutjam amplían la biblioteca base con componentes, utilidades o integraciones adicionales. Cada complemento es un paquete independiente al que puede optar: instale solo lo que necesita y mantenga su paquete CSS optimizado.

Paquetes independientes

Cada complemento es un paquete npm independiente. Instálalo junto con Frutjam y regístralo con una única directiva @plugin en tu CSS.

Independiente del marco

Los complementos funcionan con cualquier pila: Django, HTMX, Laravel, React o HTML simple. No se requieren envoltorios específicos del marco.

¿Cómo instalo un complemento de Frutjam?

Instale el complemento a través de npm y agregue una directiva @plugin a su archivo CSS. Por ejemplo: npm i -D frutjam-plugin-name, luego agregue @plugin "frutjam-plugin-name"; debajo de @plugin "frutjam"; en su CSS. Eso es todo: no se requiere configuración de JavaScript.

¿Los complementos son solo CSS?

Depende del complemento. Los complementos de Pure UI son solo CSS. Algunos complementos, como el editor de rebajas, están basados ​​en JavaScript porque su funcionalidad requiere inherentemente secuencias de comandos. Cada página del complemento documenta claramente si se requiere JavaScript.