Atomic-design POC: BIG-register self-service portal (Angular + Rijkshuisstijl)

Atoms/molecules/organisms/templates/pages composing the NL Design System
(Utrecht) CSS themed Rijkshuisstijl via @rijkshuisstijl-community tokens.
Login -> dashboard -> registration detail, mock JSON over HttpClient, Storybook
organized by atomic layer.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
Claude
2026-06-25 14:23:11 +02:00
commit 033d6f0317
58 changed files with 24306 additions and 0 deletions

View File

@@ -0,0 +1,18 @@
import { Component, inject } from '@angular/core';
import { Router } from '@angular/router';
import { PageLayoutComponent } from '../../templates/page-layout/page-layout.component';
import { LoginFormComponent } from '../../organisms/login-form/login-form.component';
@Component({
selector: 'app-login-page',
imports: [PageLayoutComponent, LoginFormComponent],
template: `
<app-page-layout>
<app-login-form (submit)="login()" />
</app-page-layout>
`,
})
export class LoginPage {
private router = inject(Router);
login() { this.router.navigate(['/dashboard']); }
}