Code Documentation for design-system
  1. Components
  2. NotFoundPageComponent

File

error-pages/not-found-page/src/lib/not-found-page.component.ts

Description

Not Found Page Component

  • Displays a 404 error page when the requested page is not found

Metadata

changeDetection ChangeDetectionStrategy.OnPush
selector hra-not-found-page
imports HraCommonModule ButtonsModule MatIconModule RouterModule
templateUrl ./not-found-page.component.html
styleUrl ./not-found-page.component.scss 
import { ChangeDetectionStrategy, Component } from '@angular/core';
import { MatIconModule } from '@angular/material/icon';
import { RouterModule } from '@angular/router';
import { HraCommonModule } from '@hra-ui/common';
import { ButtonsModule } from '@hra-ui/design-system/buttons';

/**
 * Not Found Page Component
 * - Displays a 404 error page when the requested page is not found
 */
@Component({
  selector: 'hra-not-found-page',
  imports: [HraCommonModule, ButtonsModule, MatIconModule, RouterModule],
  templateUrl: './not-found-page.component.html',
  styleUrl: './not-found-page.component.scss',
  changeDetection: ChangeDetectionStrategy.OnPush,
})
export class NotFoundPageComponent {}

<div class="title">This page isn't available</div>
<div class="description">Check the URL or start fresh from the homepage:</div>
<a mat-button hraCtaButton hraPrimaryButton hraFeature="not-found-page" hraClickEvent routerLink="/">
  Go to homepage
  <mat-icon iconPositionEnd>arrow_right_alt</mat-icon>
</a>
Legend
Html element
Component
Html element with directive

results matching ""

    No results matching ""