Result

import { Component } from '@angular/core';
import { WrResult, WrResult403, WrResult404, WrResult500 } from 'ngwr/result';

@Component({ imports: [WrResult, WrResult403, WrResult404, WrResult500] })
export class MyComponent {}

<wr-result status="success" title="Submitted" />
<wr-result status="warning" title="Heads up" />
<wr-result status="error" title="Failed" />
<wr-result status="info" title="In review" />
<wr-result status="empty" title="No projects" />

<wr-result status="success" title="Submitted!" description="We'll be in touch.">
  <button wr-btn type="button" color="primary" wrResultExtra>Continue</button>
</wr-result>

<wr-result-404 />
<wr-result-403 />
<wr-result-500 />

<!-- Custom copy: -->
<wr-result-404 title="Lost?" description="That URL didn't lead anywhere." />