Edwin van den Houdt
8b19fad558
Retitle all 49 stories into a sidebar that makes the DDD seam visible: Foundations (curriculum) -> Design System (Atoms/Molecules/Organisms/ Templates/Devtools, everything in shared/ui + shared/layout) -> Domein (Registratie/Herregistratie/Auth/Brief, everything in a context's ui/). Pin the order via storySort. Add layers.mdx explaining the split and linking the enforcing eslint rules; document the story-title convention in CLAUDE.md. Fix a stale "status banner" reference in atomic-design.mdx left over from WP-13's upload-status-banner deletion. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
35 lines
1.3 KiB
TypeScript
35 lines
1.3 KiB
TypeScript
import type { Meta, StoryObj } from '@storybook/angular';
|
|
import { applicationConfig, moduleMetadata } from '@storybook/angular';
|
|
import { provideRouter } from '@angular/router';
|
|
import { PageShellComponent } from './page-shell.component';
|
|
import { ButtonComponent } from '@shared/ui/button/button.component';
|
|
|
|
const meta: Meta<PageShellComponent> = {
|
|
title: 'Design System/Templates/PageShell',
|
|
component: PageShellComponent,
|
|
decorators: [
|
|
applicationConfig({ providers: [provideRouter([])] }),
|
|
moduleMetadata({ imports: [ButtonComponent] }),
|
|
],
|
|
render: (args) => ({
|
|
props: args,
|
|
template: `
|
|
<app-page-shell [heading]="heading" [intro]="intro" [backLink]="backLink" [width]="width">
|
|
<p class="rhc-paragraph">Pagina-inhoud wordt hier geprojecteerd.</p>
|
|
<app-button variant="primary">Een actie</app-button>
|
|
</app-page-shell>`,
|
|
}),
|
|
};
|
|
export default meta;
|
|
type Story = StoryObj<PageShellComponent>;
|
|
|
|
export const Default: Story = {
|
|
args: { heading: 'Mijn BIG-registratie', intro: 'Overzicht van uw registratie.' },
|
|
};
|
|
export const WithBackLink: Story = {
|
|
args: { heading: 'Mijn gegevens', backLink: '/dashboard' },
|
|
};
|
|
export const Narrow: Story = {
|
|
args: { heading: 'Inloggen', width: 'narrow', intro: 'Log in op uw omgeving.' },
|
|
};
|