033d6f0317
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>
27 lines
784 B
TypeScript
27 lines
784 B
TypeScript
import type { Preview } from '@storybook/angular';
|
|
import { componentWrapperDecorator } from '@storybook/angular';
|
|
import { setCompodocJson } from '@storybook/addon-docs/angular';
|
|
import docJson from '../documentation.json';
|
|
setCompodocJson(docJson);
|
|
|
|
const preview: Preview = {
|
|
// Apply the Rijkshuisstijl theme classes around every story so the design
|
|
// tokens cascade (global component CSS comes from the app's build target).
|
|
decorators: [
|
|
componentWrapperDecorator(
|
|
(story) => `<div class="rhc-theme lintblauw utrecht-document" style="padding:1.5rem">${story}</div>`
|
|
),
|
|
],
|
|
parameters: {
|
|
layout: 'padded',
|
|
controls: {
|
|
matchers: {
|
|
color: /(background|color)$/i,
|
|
date: /Date$/i,
|
|
},
|
|
},
|
|
},
|
|
};
|
|
|
|
export default preview;
|