File

navigation/back-button-bar/src/lib/back-button-bar.component.ts

Description

Back bar component used when an application is embedded

Metadata

Outputs

backClick
Type : void

Emits when the back button is clicked

import { ChangeDetectionStrategy, Component, output } from '@angular/core';
import { MatIconModule } from '@angular/material/icon';
import { ButtonsModule } from '@hra-ui/design-system/buttons';

/** Back bar component used when an application is embedded */
@Component({
  selector: 'hra-back-button-bar',
  imports: [MatIconModule, ButtonsModule],
  templateUrl: './back-button-bar.component.html',
  styleUrl: './back-button-bar.component.scss',
  changeDetection: ChangeDetectionStrategy.OnPush,
})
export class BackButtonBarComponent {
  /** Emits when the back button is clicked */
  readonly backClick = output<void>();
}
<button mat-button (click)="backClick.emit()">
  <mat-icon>keyboard_backspace</mat-icon>
  Back
</button>
Legend
Html element
Component
Html element with directive

results matching ""

    No results matching ""