src/app/manage-learn/project/item-list-header/item-list-header.component.ts
OnInit
| selector | app-item-list-header |
| styleUrls | ./item-list-header.component.scss |
| templateUrl | ./item-list-header.component.html |
Methods |
Inputs |
constructor()
|
| headerLabel | |
Type : any
|
|
| ngOnInit |
ngOnInit()
|
|
Returns :
void
|
import { Component, Input, OnInit } from '@angular/core';
@Component({
selector: 'app-item-list-header',
templateUrl: './item-list-header.component.html',
styleUrls: ['./item-list-header.component.scss'],
})
export class ItemListHeaderComponent implements OnInit {
@Input() headerLabel: any;
constructor() { }
ngOnInit() {}
}
<div>
<h5 class="sb--card__title projects-labels"><span>{{headerLabel}} </span></h5>
</div>
./item-list-header.component.scss
h5 {
position: relative;
}
h5 span {
background-color: var(--app-primary-background);
padding-right: 10px;
}
h5:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 0.76rem;
border-top: 3px solid yellow;
z-index: -1;
}
.projects-labels{
font-weight: 600;
margin: 20px 0px;
}