libs/common/ui/src/wip-banner/wip-banner.component.ts
| selector | taly-wip-banner |
| styleUrls | ./wip-banner.component.scss |
| templateUrl | ./wip-banner.component.html |
Properties |
| content |
Default value : $localize`:@@wip-banner-text: WORK IN PROGRESS`
|
import { Component } from '@angular/core';
import { LocalizeFn } from '@angular/localize/init';
declare let $localize: LocalizeFn;
@Component({
selector: 'taly-wip-banner',
templateUrl: './wip-banner.component.html',
styleUrls: ['./wip-banner.component.scss'],
standalone: false
})
export class WipBannerComponent {
// TODO: remove this property. It's unused and leads to "duplicate translation key" warnings because the same id is used in the template.
content = $localize`:@@wip-banner-text: WORK IN PROGRESS`;
}
<div class="banner nx-font-weight-bold" i18n="@@wip-banner-text">WORK IN PROGRESS</div>
./wip-banner.component.scss
.banner {
background-color: #f86200;
width: 100%;
text-align: center;
color: #ffffff;
padding: 0.5rem;
}