[Angular] - Integração com o CoreUI

Front-end
, ,
#1

Olá,

Estou tentando adicionar os estilos dos componentes do themplate do CoreUI, ao meu projeto.

O arquivo app.component.html possui este conteudo:

<button class="btn btn-primary">Botão Primário</button>
<button type="button" class="btn btn-success">Success</button>
<button ngbAccordionButton>First</button>

<c-col [sm]="6">
  <c-card class="mb-4">
    <c-card-body>
      <h5 cCardTitle>Card title</h5>
      <p cCardText>
        Some quick example text to build on the card title and make up the bulk of the card's content.
      </p>
      <button cButton color="primary">Go somewhere</button>
    </c-card-body>
  </c-card>
</c-col>

Enquanto meu arquivo app.component.scss está deste modo

@import "../../node_modules/bootstrap/dist/css/bootstrap.css";

@import "../../node_modules/@coreui/coreui/scss/coreui.scss";

@import "../../node_modules/@coreui/coreui/scss/functions.scss";

// 2. Include any default variable overrides here

// 3. Include remainder of required CoreUI stylesheets
@import "../../node_modules/@coreui/coreui/scss/variables.scss";

// 4. Include any default map overrides here

// 5. Include remainder of required parts
@import "../../node_modules/@coreui/coreui/scss/maps.scss";
@import "../../node_modules/@coreui/coreui/scss/mixins.scss";
@import "../../node_modules/@coreui/coreui/scss/root.scss";

// 6. Optionally include any other parts as needed
@import "../../node_modules/@coreui/coreui/scss/utilities.scss";
@import "../../node_modules/@coreui/coreui/scss/reboot.scss";
@import "../../node_modules/@coreui/coreui/scss/type.scss";
@import "../../node_modules/@coreui/coreui/scss/images.scss";
@import "../../node_modules/@coreui/coreui/scss/containers.scss";
@import "../../node_modules/@coreui/coreui/scss/grid.scss";
@import "../../node_modules/@coreui/coreui/scss/helpers.scss";

@import "../../node_modules/@coreui/coreui/scss/coreui.scss";
@import "../../node_modules/@coreui/coreui/scss/variables.scss";
@import "../../node_modules/@coreui/coreui/scss/mixins.scss";
@import "../../node_modules/@coreui/coreui/scss/card.scss";

@import "../../node_modules/bootstrap/dist/css/bootstrap.min.css";

enquanto meu app.component.ts está desta forma:

import { Component } from '@angular/core';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.scss']
})
export class AppComponent {
  title = 'angularteste';
}

e o app.module.ts

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

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

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

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

Já instalei o coreui e o bootstrap dentro do projeto, porém o estilo de buttons arredondados não aparece, apenas as cores, olhei dentro da documentação e não encontrei nenhuma menção além da importação do scss. Alguém poderia, dar uma luz.