File

content-templates/app-label/src/lib/app-label.component.ts

Description

App Label Component

Metadata

Index

Inputs

Inputs

appStatus
Type : SoftwareStatus

App software status

logo
Type : string
Required :  true

Product logo

tagline
Type : string
Required :  true

Product title

import { CommonModule } from '@angular/common';
import { ChangeDetectionStrategy, Component, input } from '@angular/core';
import { ButtonsModule } from '@hra-ui/design-system/buttons';
import { IconsModule } from '@hra-ui/design-system/icons';
import {
  SoftwareStatus,
  SoftwareStatusIndicatorComponent,
} from '@hra-ui/design-system/indicators/software-status-indicator';

/**
 * App Label Component
 */
@Component({
  selector: 'hra-app-label',
  imports: [ButtonsModule, CommonModule, IconsModule, SoftwareStatusIndicatorComponent],
  templateUrl: './app-label.component.html',
  styleUrl: './app-label.component.scss',
  changeDetection: ChangeDetectionStrategy.OnPush,
})
export class AppLabelComponent {
  /** Product title */
  readonly tagline = input.required<string>();
  /** Product logo */
  readonly logo = input.required<string>();
  /** App software status */
  readonly appStatus = input<SoftwareStatus>();
}
<hra-icon class="product-logo" [svgIcon]="logo()" />
<div class="ui-content-header">
  <h1>
    {{ tagline() }}
  </h1>
  @if (appStatus(); as status) {
    <hra-software-status-indicator size="large" [status]="status" />
  }
</div>
Legend
Html element
Component
Html element with directive

results matching ""

    No results matching ""