feat: update story titles to include 'Components/' prefix and add welcome documentation for Angular

Diaan · Diaan · commit 99b098c9c1c4 · 2025-11-19T11:32:42.000+01:00
diff --git a/packages/angular/stories/accordion.stories.ts b/packages/angular/stories/accordion.stories.ts
@@ -36,7 +36,7 @@ export class AccordionExternalActionsComponent {
 }
 
 export default {
-  title: 'Accordion',
+  title: 'Components/Accordion',
   component: AccordionComponent,
   decorators: [
     moduleMetadata({
diff --git a/packages/angular/stories/dialog-service.stories.ts b/packages/angular/stories/dialog-service.stories.ts
@@ -196,7 +196,7 @@ export class DialogFormExampleComponent {
 }
 
 export default {
-  title: 'Dialog Service',
+  title: 'Components/Dialog Service',
   tags: ['draft'],
   decorators: [
     applicationConfig({
diff --git a/packages/angular/stories/forms.stories.ts b/packages/angular/stories/forms.stories.ts
@@ -588,7 +588,7 @@ export class LoginFormComponent {
 }
 
 export default {
-  title: 'Forms',
+  title: 'Components/Forms',
   decorators: [
     moduleMetadata({
       imports: [
diff --git a/packages/angular/stories/generated/accordion.mdx b/packages/angular/stories/generated/accordion.mdx
@@ -1,8 +1,8 @@
 import { Meta } from '@storybook/addon-docs/blocks';
 
-<Meta title="Accordion" />
+<Meta title="Components/Accordion" />
 
-# Accordion
+# Components/Accordion
 
 {/*
 This file is automatically generated from accordion.stories.ts
diff --git a/packages/angular/stories/generated/dialog-service.mdx b/packages/angular/stories/generated/dialog-service.mdx
@@ -1,8 +1,8 @@
 import { Meta } from '@storybook/addon-docs/blocks';
 
-<Meta title="Dialog Service" />
+<Meta title="Components/Dialog Service" />
 
-# Dialog Service
+# Components/Dialog Service
 
 {/*
 This file is automatically generated from dialog-service.stories.ts
diff --git a/packages/angular/stories/generated/forms.mdx b/packages/angular/stories/generated/forms.mdx
@@ -1,8 +1,8 @@
 import { Meta } from '@storybook/addon-docs/blocks';
 
-<Meta title="Forms" />
+<Meta title="Components/Forms" />
 
-# Forms
+# Components/Forms
 
 {/*
 This file is automatically generated from forms.stories.ts
diff --git a/packages/angular/stories/generated/routing.mdx b/packages/angular/stories/generated/routing.mdx
@@ -1,8 +1,8 @@
 import { Meta } from '@storybook/addon-docs/blocks';
 
-<Meta title="Routing" />
+<Meta title="Components/Routing" />
 
-# Routing
+# Components/Routing
 
 {/*
 This file is automatically generated from routing.stories.ts
diff --git a/packages/angular/stories/generated/tooltip.mdx b/packages/angular/stories/generated/tooltip.mdx
@@ -1,8 +1,8 @@
 import { Meta } from '@storybook/addon-docs/blocks';
 
-<Meta title="Tooltip" />
+<Meta title="Components/Tooltip" />
 
-# Tooltip
+# Components/Tooltip
 
 {/*
 This file is automatically generated from tooltip.stories.ts
diff --git a/packages/angular/stories/routing.stories.ts b/packages/angular/stories/routing.stories.ts
@@ -2,9 +2,9 @@ import { NgForOf } from '@angular/common';
 import { Component } from '@angular/core';
 import { RouterLink, RouterOutlet, provideRouter, withHashLocation } from '@angular/router';
 import { type Meta, StoryFn, applicationConfig, moduleMetadata } from '@storybook/angular';
+import { MenuComponent } from '../src/menu/menu.component';
 import { TabGroupComponent } from '../src/tabs/tab-group.component';
 import { TabComponent } from '../src/tabs/tab.component';
-import { MenuComponent } from '../src/menu/menu.component';
 
 @Component({
   selector: 'sla-dashboard',
@@ -113,7 +113,7 @@ export class RoutingComponent {
 }
 
 export default {
-  title: 'Routing',
+  title: 'Components/Routing',
   decorators: [
     applicationConfig({
       providers: [
@@ -155,5 +155,5 @@ export default {
 } as Meta;
 
 export const RoutingExample: StoryFn = () => ({
-  template: '<sla-routing></sla-routing>',
+  template: '<sla-routing></sla-routing>'
 });
diff --git a/packages/angular/stories/tooltip.stories.ts b/packages/angular/stories/tooltip.stories.ts
@@ -3,7 +3,7 @@ import { type Meta, type StoryObj, moduleMetadata } from '@storybook/angular';
 import { TooltipDirective } from '../src/tooltip.directive';
 
 export default {
-  title: 'Tooltip',
+  title: 'Components/Tooltip',
   decorators: [
     moduleMetadata({
       imports: [ButtonComponent, TooltipDirective]
diff --git a/packages/angular/stories/welcome.mdx b/packages/angular/stories/welcome.mdx
@@ -0,0 +1,10 @@
+import { Meta } from '@storybook/addon-docs/blocks';
+
+<Meta title="Welcome" />
+
+# Welcome to the Angular documentation for the Sanoma Learning Design System
+
+This specific part of the documentation is for Angular developers who want to use the Sanoma Learning Design System in their Angular applications.
+You will find Angular-specific information, examples, and guidelines here.
+
+The examples in this part don't show the full functionality of the components, for that please refer to the [main documentation website](https://sanomalearning.design). There you will find all the properties, functions and events of each component.

Original file line number	Diff line number	Diff line change
`@@ -36,7 +36,7 @@ export class AccordionExternalActionsComponent {`
`36`	`36`	`}`
`37`	`37`
`38`	`38`	`export default {`
`39`		`- title: 'Accordion',`
	`39`	`+ title: 'Components/Accordion',`
`40`	`40`	`component: AccordionComponent,`
`41`	`41`	`decorators: [`
`42`	`42`	`moduleMetadata({`
Original file line number	Diff line number	Diff line change
`@@ -196,7 +196,7 @@ export class DialogFormExampleComponent {`
`196`	`196`	`}`
`197`	`197`
`198`	`198`	`export default {`
`199`		`- title: 'Dialog Service',`
	`199`	`+ title: 'Components/Dialog Service',`
`200`	`200`	`tags: ['draft'],`
`201`	`201`	`decorators: [`
`202`	`202`	`applicationConfig({`
Original file line number	Diff line number	Diff line change
`@@ -588,7 +588,7 @@ export class LoginFormComponent {`
`588`	`588`	`}`
`589`	`589`
`590`	`590`	`export default {`
`591`		`- title: 'Forms',`
	`591`	`+ title: 'Components/Forms',`
`592`	`592`	`decorators: [`
`593`	`593`	`moduleMetadata({`
`594`	`594`	`imports: [`