src/app/components/sidenav/sidenav.component.ts
| selector | app-sidenav |
| styleUrls | ./sidenav.component.scss |
| templateUrl | ./sidenav.component.html |
import { Component } from '@angular/core';
@Component({
selector: 'app-sidenav',
templateUrl: './sidenav.component.html',
styleUrls: ['./sidenav.component.scss'],
})
export class SidenavComponent {}
<div class="card h-100">
<div class="card-header py-0">
<ng-content select="[header]"></ng-content>
</div>
<div class="card-body pt-0 px-0">
<ng-content select="[body]"></ng-content>
</div>
<hr class="m-0" />
<div class="card-footer text-muted pt-2">
<ng-content select="[footer]"></ng-content>
</div>
</div>
./sidenav.component.scss
.br-top {
border-top: 0.0625rem solid #fcfcfc !important;
}