File
Metadata
| selector |
cmn-jumbotron |
| styleUrls |
./jumbotron.component.scss |
| templateUrl |
./jumbotron.component.html |
|
background
|
Type : Background
|
Default value : backgroundEnum.light
|
|
|
import { Component, Input } from '@angular/core';
import { Background, backgroundEnum } from '../../../shared/enums';
@Component({
selector: 'cmn-jumbotron',
templateUrl: './jumbotron.component.html',
styleUrls: [ './jumbotron.component.scss' ],
})
export class JumbotronComponent {
@Input() public readonly isFlex: boolean;
@Input('class') public readonly clazz: string;
@Input() public readonly hasContainer: boolean;
@Input() public readonly background: Background = backgroundEnum.light;
}
<div class="columns {{ background }}">
<div class="column {{ clazz }}"
[class.is-flex]="isFlex">
<div class="container">
<ng-content></ng-content>
</div>
</div>
</div>
Legend
Html element with directive