src/app/ceph/dashboard/info-group/info-group.component.ts
| selector | cd-info-group |
| styleUrls | ./info-group.component.scss |
| templateUrl | ./info-group.component.html |
Inputs |
| groupTitle | |
Type : string
|
|
import { Component, Input } from '@angular/core';
@Component({
selector: 'cd-info-group',
templateUrl: './info-group.component.html',
styleUrls: ['./info-group.component.scss']
})
export class InfoGroupComponent {
@Input()
groupTitle: string;
}
<div class="info-group-title">
{{ groupTitle }}
</div>
<ng-content></ng-content>
./info-group.component.scss
@import '../../../../defaults';
.info-group-title {
margin: 0 0 0.5vw 0.5vw;
padding: 0;
font-size: 21px;
}