mirror of
https://github.com/Raghu-Ch/angular-challenges.git
synced 2026-02-10 12:53:03 -05:00
34 lines
741 B
TypeScript
34 lines
741 B
TypeScript
/* eslint-disable @angular-eslint/component-selector */
|
|
import { Component, Input } from '@angular/core';
|
|
import { TextComponent } from './text.component';
|
|
|
|
export type StaticTextType = 'normal' | 'warning' | 'error';
|
|
|
|
@Component({
|
|
selector: 'static-text',
|
|
standalone: true,
|
|
imports: [TextComponent],
|
|
template: `
|
|
<text [font]="font" [color]="color">This is a static text</text>
|
|
`,
|
|
})
|
|
export class TextStaticComponent {
|
|
@Input() set type(type: StaticTextType) {
|
|
switch (type) {
|
|
case 'error': {
|
|
this.font = 30;
|
|
this.color = 'red';
|
|
break;
|
|
}
|
|
case 'warning': {
|
|
this.font = 25;
|
|
this.color = 'orange';
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
|
|
font = 10;
|
|
color = 'black';
|
|
}
|