refactor(docs-callout): allow ng-content

Author: xidedix

src/components/docs-callout/docs-callout.component.html

@@ -1,13 +1,17 @@
 <c-callout class="bg-white:dark:bg-transparent" color="info">
+  <ng-container *ngTemplateOutlet="default"></ng-container>
+</c-callout>
+
+<ng-template #default>
+  <p *ngIf="!!name">
   An Angular {{name}} component{{plural ? 's' : ''}} {{plural ? 'have' : 'has'}} been created as a native Angular
   version
   of Bootstrap {{name}}. {{name}} {{plural ? 'are' : 'is'}} delivered with some new features,
   variants, and unique design that matches CoreUI Design System requirements.
-  <br />
-  <br />
-  For more information please visit our official
-  <a href="{{href}}" target="_blank">
-    documentation of CoreUI Components Library for Angular
-  </a>
-  .
-</c-callout>
+  </p>
+
+  <ng-content></ng-content>
+
+  <br>
+  For more information please visit our official <a href="{{href}}" target="_blank">documentation of CoreUI Components Library for Angular.</a>
+</ng-template>

src/components/docs-callout/docs-callout.component.ts

@@ -8,7 +8,7 @@ import packageJson from '../../../package.json';
 })
 export class DocsCalloutComponent {
 
-  @Input() name: string = 'CoreUI';
+  @Input() name: string = '';
 
   constructor() { }
 
@@ -22,7 +22,6 @@ export class DocsCalloutComponent {
   set href(value: string) {
     const version = packageJson?.config?.coreui_library_short_version;
     const docsUrl = packageJson?.config?.coreui_library_docs_url ?? 'https://coreui.io/angular/';
-    // const path: string = version ? `${version}/#/${value}` : '#';
     const path: string = version ? `${version}/${value}` : '';
     this._href = `${docsUrl}${path}`;
   }