Pureprime

PurePrime é um Template baseado no PrimeNG.

Instalação

npm i pureprime

Importação

Os Módulos de componentes do PurePrime precisarão ser importados no arquivo de módulo do Angular, como no exemplo

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';

import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
import { PureprimeModule } from 'pureprime';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    AppRoutingModule,
    PureprimeModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

Dependências

Como o PurePrime utiliza o PrimeNG é necessário instalar o mesmo com os comandos abaixo

npm install primeng --save
npm install primeicons --save

Também será necessário adicionar as chamadas de CSS do PrimeNG no arquivo angular.json nas chamadas de estilo. Há mais de uma no arquivo.

"styles": [
  "node_modules/primeicons/primeicons.css",
  "node_modules/primeng/resources/themes/nova-light/theme.css",
  "node_modules/primeng/resources/primeng.min.css",
  //...
],

Alguns componentes do PrimeNG podem se utilizar de Animations, para tanto será necessário instalar o modulo de animation do Angular através do comando

npm install @angular/animations --save

a chamada do mesmo é feita com a importação do BrowserAnimationsModule

import {BrowserModule} from '@angular/platform-browser';
import {BrowserAnimationsModule} from '@angular/platform-browser/animations';

@NgModule({
    imports: [
        BrowserModule,
        BrowserAnimationsModule,
        //...
    ],
    //...
})
export class YourAppModule { }

para dúvidas envie e-mail para reginaldo@mresolucoes.com.br