0

Estoy utilizando primeNG con Angular 17, y al querer usar los botones no se ven de la misma forma que en primeNG

mi forma:

introducir la descripción de la imagen aquí

como deberia verse:

introducir la descripción de la imagen aquí

tengo en mis styles:

  @import "primeng/resources/themes/lara-light-purple/theme.css";
@import "primeng/resources/primeng.css";
@import "primeicons/primeicons.css";

en mi app.component.ts:

  imports: [RouterOutlet, SharedModule, CommonModule,],

en mi app.config.ts:

export const appConfig: ApplicationConfig = {
  providers: [provideRouter(routes),provideAnimations(), provideHttpClient(withFetch())]
};

no puedo usar los botones rounded

alguna solucion?

Nota: ya encontre el tema, es porque estoy incluyendo el CND de bootstrap porque cuando lo quito ya me muestra bien los botones pero no se que hacer

1
  • Si quieres usar las opciones de boostrap para manipular y organizar (columnas, filas, etc) el CSS puedes usar PrimeFlex
    – René
    Commented el 5 abr. a las 6:18

1 respuesta 1

0

Debes declarar en tu angular.json los estilos de primeng:

"architect": {
    "build": {
      "builder": "@angular-devkit/build-angular:application",
      "options": {
        "outputPath": "dist/erp",
        "index": "src/index.html",
        "browser": "src/main.ts",
        "polyfills": ["zone.js"],
        "tsConfig": "tsconfig.app.json",
        "inlineStyleLanguage": "scss",
        "assets": ["src/favicon.ico", "src/assets"],
        "styles": ["src/styles.scss", "node_modules/primeng/resources/primeng.min.css"],
        "scripts": []
      },

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.