NgxPrisma

La librería de componentes de PRISMA es un sistema de diseño modular construido para estandarizar la creación de interfaces de usuario (UX/UI) en productos digitales. Esta librería centraliza patrones visuales, componentes reutilizables y directrices de diseño, garantizando coherencia con los valores de marca y acelerando el desarrollo de proyectos.

Instalación

npm install ngx-prisma

Dependencias necesarias

El Sistema de Diseño Prisma está construido sobre PrimeNG, por lo que es necesario tenerlo instalado en su proyecto Angular.
Si aún no lo ha hecho, instálelo ejecutando el siguiente comando:

npm install primeng @primeng/themes primeicons

Configuración

Para completar la configuracion modifique los siguientes archivos:

1. En angular.json agregue la siguiente configuración:

"styles": [
  "node_modules/ngx-prisma/styles/figma_styles.css",
]

2. Si es necesario en el app.config.ts de tu proyecto agregue la siguiente configuración en el caso de no configurar el tema de primeng por defecto:

import { provideNGXPrisma } from "ngx-prisma";

export const appConfig: ApplicationConfig = {
  providers: [provideNGXPrisma()],
};

3. Tras la instalación, invoque el generador de configuración para vincular estilos personalizados. Proporcione el documento de referencia y su clave privada cuando sea requerido:

ng g ngx-prisma:configuration

ng g ngx-prisma:configuration --file-id=FILE_ID --token=TOKEN