lib/components/plots-container/plots-container.component.ts
Container around an application's plots.
| selector | nshmp-plots-container |
| imports |
NgClass
|
| templateUrl | ./plots-container.component.html |
| styleUrl | ./plots-container.component.scss |
Properties |
|
| Readonly containerClass |
Default value : input('grid-container-widescreen')
|
|
Grid layout class |
import {NgClass} from '@angular/common';
import {Component, input} from '@angular/core';
/**
* Container around an application's plots.
*/
@Component({
imports: [NgClass],
selector: 'nshmp-plots-container',
styleUrl: './plots-container.component.scss',
templateUrl: './plots-container.component.html',
})
export class NshmpPlotsContainerComponent {
/** Grid layout class */
readonly containerClass = input('grid-container-widescreen');
}
<div class="plots" [ngClass]="containerClass()">
<div class="padding-y-4">
<ng-content />
</div>
</div>